Code Monkey home page Code Monkey logo

subtle-patterns-bookmarklet's Introduction

SubtlePatterns Bookmarklet

SubtlePatterns Bookmarklet is a quick and easy way to see patterns from http://subtlepatterns.com on your site.

Install

Go to the SubtlePatterns Bookmarklet page, and you'll be able to drag and drop the bookmarklet on to your toolbar.

Usage

Click left/right arrows to move between patterns (or use left and right arrow keys)

License

The bookmarklet is under a MIT license and the patterns are under a Creative Commons Attribution-ShareAlike 3.0 Unported License

Contributing

Run make to compile the CoffeeScript and Less files.

Run a static HTTP server one level up with

python -m SimpleHTTPServer

Contact

Web: http://bradjasper.com
Twitter: @bradjasper
Email: [email protected]

subtle-patterns-bookmarklet's People

Contributors

bradjasper avatar mfkp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

subtle-patterns-bookmarklet's Issues

Display size and dimension

Would be useful to be able to see the size and dimension of the pattern in the box. Some I need to skip because they're too big.

Toggle original

Would be useful to have a way to quickly toggle the original background so I can see how it compares.

Could be a button on the box and a keyboard shortcut.


Thanks for creating this useful bookmarklet :)

Add resets to bookmarklet styles to prevent page styles from bleeding into it

I've been using the bookmarklet for a while, but today when I tried it out it wasn't working properly. It turns out that some of the CSS on the site (specifically a height and width set on anchor tags) was bleeding on to the bookmarklet styles. Perhaps the CSS for the bookmarklet should set/reset some more properties?

License?

What is the license for these images?

Move background to html

Hi and thanks a lot for this awesome little bookmarklet!

I was wondering whether you could move the background assignment to the html element instead of body (or maybe add a flag to do so).

Sometimes we use the body element as our main wrapper, leaving the "page background" to the html element. Thus, the bookmarklet is of no use. :(

Thanks! :)

Unable to drop bookmarklet

I don't know if it's a firefox issue or a markup one, but I'm not able to add the bookmarklet to my browser. I can drag it but not drop.

The weird thing is I can drop any other link from the SubltePatterns Bookmarklet page but not the bookmarklet itself.

Here is a capture I made to show you I'm not that crazy : http://www.youtube.com/v/sxrvFi8Xx14

I use Firefox 19.0 on OSX 10.8.2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.