Testing responsive layouts with the RWD bookmarklet

================================================================================

Lately I’ve been doing some work with responsive CSS and media queries. This
bookmarklet has been very useful. It allows you to switch between four different
browser widths (for iPad and iPhone in portrait/landscape orientations).

https://www.youtube.com/embed/mueOjgvNM04

To use it’s quite simple:

* Drag the bookmarklet to your bookmarks bar
  (or rightclick the bookmarklet and bookmark it)
* View the page you want to test your responsive break points on
* Click the bookmarklet, it will load the toolbar
* Switch between the different screen sizes using the toolbar

You can find the Responsive Design Bookmarklet at Victor Coulon’s website
(http://responsive.victorcoulon.fr/)

I’ve made this in to a Chrome Extension, you can find it here: RWD Extension for
Google Chrome
(https://chrome.google.com/webstore/detail/rwd/geajggfcfhgkonghflklajfahmdnplmh)

================================================================================
Published January 07, 2013

Generated from the original post:
https://blog.omgmog.net/post/testing-responsive-layouts-with-the-rwd-bookmarklet/


Max Glenister is an interface designer and senior full-stack developer from
Oxfordshire. He writes mostly about front-end development and technology.

- Mastodon: https://indieweb.social/@omgmog
- Github: https://github.com/omgmog
- Reddit: https://reddit.com/u/omgmog
- Discord: https://discordapp.com/users/omgmog#6206