============
A Bookmarklet / CSS Snippet that inserts a Media Query indicator into the page.
- THIS IS THE INITIAL COMMIT! STILL NEED TO FIX SOME LINKS AND REFERENCES
- Go to the project page
- Drag the bookmarklet link to your bookmarks
- Go to any website
- When the page has loaded, select the bookmark you just created
- There you have it: a Media Query indicator
- The bookmarklet uses Javascript to insert two elements & a small (only 2kb minified!) CSS file into the page
- The selectors (and id's) are well chosen, so it is very unlikely it will overrule any of your existing selectors
- Cross-browser compatible - as long as Media Queries are supported (Chrome, Safari, Firefox, IE10+).
- Feature phone size (portrait)
- Phone size (portrait & landscape)
- Tablet size (portrait & landscape)
- Desktop / PC size (landscape)
- Extra Large / TV size (landscape)
- In case you don't like a Orange (background color), here's some more bookmarklets for you:
- COMING SOON!
- Want more? Fork the project and created your own!