Firefox 15 Aurora Feature Highlight: Custom Resolutions in Dev Tools

Firefox 15 is out and it's a pretty nice update. If you're following the Aurora channel, chances are, you're a bit more knowledgeable than the average user so you may be interested to know that the dev tools in Firefox, which are already pretty good, have gotten a couple of really interesting features.

The biggest is dubbed "Responsive Mode" (in the dev tools menu) and it enables developers to test their sites with several standard resolutions, including mobile ones, as well as any custom size they want.

The idea is to see how the site looks on screens of various sizes and resolutions.

Another addition is a section which displays several design attributes for any element you select with the Inspector. Things like aspect ratio, margins, padding and borders are all listed and their sizes represented, making it a lot easier to get a visual representation of the CSS behind the element.

Via: Firefox 15 Aurora Feature Highlight: Custom Resolutions in Dev Tools