3 Firefox Plugins To Test Your Website In Different Resolutions

firesizer logo1   3 Firefox Plugins To Test Your Website In Different ResolutionsOne of the difficulties in designing for the Internet is figuring out what your site would look like with different screen resolutions.¬† A while back the most common screen resolution was 800×600.¬† Later, as computers improved and screens got larger, the most common screen size was 1024×768.¬† Now, monitors are larger than ever and there are many different sizes going on.¬† One of the tasks of a web designer is to see what their site will look like at the most common resolutions (check out ViewLike.Us).

Well there are also Firefox add-ons that will make the task of testing your website in different resolutions easier.¬† Here I have listed 3 Firefox add-ons to choose from. In fact, each add-on I will be sharing with you will have appeal for different types of users.¬† Different users find different types of shortcuts quicker and easier.¬† Which one is right for you?¬† Let’s find out by taking a quick peek at each of them.

Firesizer

The first one is called Firesizer.

firesizer1   3 Firefox Plugins To Test Your Website In Different Resolutions

Utilizing this add-on probably couldn’t be any easier!¬† Basically look to the bottom bar and you’ll see where your current window size is indicated…

firesizer sizeindicator   3 Firefox Plugins To Test Your Website In Different Resolutions

In order to change the size of your browser window, just right-click the size indicator…

firesizer rightclick   3 Firefox Plugins To Test Your Website In Different Resolutions

There are three common sizes to choose from.¬† You can either add a customized size by clicking “Customize…” and adding your own size…

firesizer customesize   3 Firefox Plugins To Test Your Website In Different Resolutions

Or you can just click “Save current size” in order to save the current size of the browser window to add it to the list of sizes…

firesizer savecurrentsize   3 Firefox Plugins To Test Your Website In Different Resolutions

That is how easy this add-on really is!¬† Can you think of a quicker or easier way to test website in different resolutions?¬† I sure can’t!

ResizeIT

The second Firefox add-on this article will be covering is ResizeIT.

ResizeIT   3 Firefox Plugins To Test Your Website In Different Resolutions

ResizeIT brings keyboard shortcuts to the table!  Basically you can set different sizes to the 4 shortcuts and, all of a sudden, testing your web projects at different resolutions becomes even easier!  They shortcut combos are ALT-1, ALT-2, ALT-3 and ALT-4.  By going to the TOOLS menu, choose Add-ons, and click the options button next to the ResizeIT label.

ResizeIT customize   3 Firefox Plugins To Test Your Website In Different Resolutions

As you can see, you can actually choose the size settings for the combos.

Yet Another Window Resizer

The last Firefox add-on this article will be covering is Yet Another Window Resizer.

yetanotherwindowresizer   3 Firefox Plugins To Test Your Website In Different Resolutions

For the mouse users out there, this one is for you!¬† That’s because resizing your Firefox window is just a right-click away!¬† Right-click anywhere on a page and the “Resize Window” option shows up at the bottom of the menu.

yetanotherwindowresizer demo   3 Firefox Plugins To Test Your Website In Different Resolutions

Just like the other add-ons covered here, you can also set custom sizes.

yetanotherwindowresizer options   3 Firefox Plugins To Test Your Website In Different Resolutions

So there you have it, three Firefox add-ons that make it ieasy to test website in different resolutions.  One gives you access in the statusbar (Firesizer), one using keyboard shortcuts (ResizeIT), and yet another via the right-click menu (Yet Another Window Resizer).

There are other ways of testing websites in different resolutions.  One way is to have a second monitor with a different resolution set (as mentioned in this article).  What other ways do you, the readers, have for testing websites (and other projects) in different screen resolutions?

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

7 Comments -

Jane Cooke

A very useful set of tools for a quick check for web designers and webmasters, thank you. I’ve kind of gone with Firesizer for now as it shows the current resolution and also tend to use the mouse a bit more.

Emmit

Why add another plugging to FF? Doesn’t FF suck up enough ram as is? Web developers tool bar has that feature built in. If you are a developer and you don’t have the web developers tool bar, you should.

RandyN

Personally, I use sizer since it works across most applications on the computer, not just Firefox (and it isn’t a plugin). Although it states it isn’t supported under Vista, I use it with Vista and Win 7 without issue.

Check here: http://www.brianapps.net/sizer.html

Nick B.

Web Developer add-on v1.1.8 has this functionality plus more besides:

http://chrispederick.com/work/web-developer/