I tend to develop for a 960 grid system but have recently started working on an HTML5 application that I want the user to be able to resize to utilize whatever screen resolution that their display has.
To do this, I need to preview the application’s display at various resolutions.
The Firefox Resizer Plug-In is very helpful for this purpose.
It’s lets you choose what size to make the Firefox browser window.
To install it, select Tools -> Add-ons and search for Firesizer.
After you install it you still won’t see it by default.
You need to make the Add-on bar visible. View -> Tool Bars -> Add-On Bar
You should see it as in this image.
You can then right-click on the display size that is displayed.
And choose the one you want to view your page at.
Filed under:
Mozilla, Tips & Tricks
“Web Developer” plugin also has a menu for this purpose.
Thanks Joe! Didn’t know of this one and will download now. Hope to see more of these finds as I use Firebug consistently. Don’t know if you’ll be doing a series on Firebug and what it has to offer or other tools as well? Perhaps FF could merge everything into one tool? Thanks again and keep it coming!
On another note, you mention 960 Grid. Wonder what your thoughts are on HTML5 Boilerplate vs other “prepackaged” HTML5 templates. I’m sure one size does not fit all, but some degree of breakdown(sites of this type use????) and what to apply would be cool. Now I’m asking you about design which I know isn’t your strong suit
, but as the worlds continue to collide – devigners – would like to get your take. Thanks.
Hi Don,
HTML5 Boiler Plate look interesting. It;s one of the default templates for Aptana.
I plan to blok about it in two weeks, it’s a bit “much” as a quick start but interesting none-the-ess.
Sadly, this extension quit working for me just the day you published this post, because Firefox 7 was released that same day and Firesizer is not compatible to this new version (at least not yet)
I’m running it with FireFox 7 without problems. Try installing some other addin and see if it starts working again.
Joe, definitely use the Web Developer Toolbar for this instead. It provides the same capabilities and you have one less add-on to affect your browser performance and stability.
Looks like they are in the process of updating it. v1.5