newsletter iconSign up for our monthly CodeGeek newsletter to receive news about our blog, new projects, web development, and upcoming events.
You can also add us to your RSS feed!

  • Name * Required
  • Data Transfer * Required
    By checking this box, I understand that I consent to send my name, email and company (optional) to CodeGeek for the purposes of adding me to their email newsletter. CodeGeek uses MailChimp as their email service provider and I consent to having my information transmitted to MailChimp for these purposes.
  • This field is for validation purposes and should be left unchanged.

Develop and Test Websites for Multiple Devices Using New Firefox Tools

Update: Wait, there’s more! As you know, tech changes quickly, so we’ve got more to say on this matter. Check out our post Multi-Device Testing Using Firefox and Chrome to learn more.

In a recent Firefox Nightly release, Firefox has added a “Responsive Mode” to their built-in web developer tools. The new Responsive Mode tool creates a window inside of your web browser that can be dragged to test your responsive website at different viewport dimensions, includes presets for common device dimensions in a drop-down menu, and also has a nifty “Rotate” button to toggle the currently selected viewport dimensions between portrait and landscape modes.

I’ve played around with Responsive Mode in a pre-release of Firefox 16 and I like it a lot. You can of course test responsive designs already in any web browser by dragging the viewport to narrower dimensions, but I like the new Responsive Mode tool better.

Watch the short screencast I recorded demonstrating it’s capabilities:

One feature I hope they’ll add is the ability to add your own custom presets for device dimensions.

The feature should be present in FF15 and later, to be released later this year, probably around September 2012.