Tools

3 Quick Ways to Test Your Website Design in FireFox

I am no web designer (I have neither time nor talent to learn web design), however for SEOs it is essential to know some basic tools and tips to test a website design when it is delivered.

Thus this post is not intended to share some advanced tips for web developers: instead it lists three quick ways to test a web design in FireFox:

1. Check how a website looks in other browsers

There are a number of FireFox addons that allow to view the current page in an alternative browser:

opera view 3 Quick Ways to Test Your Website Design in FireFox

OR: install one combined addon: Browser view plus is an experimental addon that lets the user load Firefox links, bookmarks, or pages in Internet Explorer, Google Chrome or Chrome Application Window, Safari, Opera, or any other external browser. It also allows to change context menu text, language, or selected browsers, at any time, without restarting Firefox.

browser view addon 3 Quick Ways to Test Your Website Design in FireFox

2. Check how a website looks in different resolutions

Firesizer

This addon allows you to view and change the screen resolution from your browser status bar:

test design 01 3 Quick Ways to Test Your Website Design in FireFox

You can of course customize the set of available resolutions via a small handy dialog:

test design 02 3 Quick Ways to Test Your Website Design in FireFox

Yet Another Window Resizer

This is a similar to the above one but it allows to resize the browser window from the right-click context menu (so it’ just a matter of taste which one you prefer to use):

test design 03 3 Quick Ways to Test Your Website Design in FireFox

Its options also allow to customize the sets of available resolutions:

test design 04 3 Quick Ways to Test Your Website Design in FireFox

3. Check how a site works with CSS and JavaScript disabled

For this one you won’t need any extra addons: just the old good Web Developer plugin we all love:

You can disable JavaScript or CSS styles right from the toolbar options to make sure all elements of your page are easily accessed by all people and search engines.

Disable CSS:

web developer css 3 Quick Ways to Test Your Website Design in FireFox

Disable Javascript:

test design 05 3 Quick Ways to Test Your Website Design in FireFox

 3 Quick Ways to Test Your Website Design in FireFox
Ann Smarty is the blogger and community manager at Internet Marketing Ninjas. Ann's expertise in blogging and tools serve as a base for her writing, tutorials and her guest blogging project, MyBlogGuest.com.
 3 Quick Ways to Test Your Website Design in FireFox

You Might Also Like

Comments are closed.

One thought on “3 Quick Ways to Test Your Website Design in FireFox

  1. Some good tools and tips here, particularly the Firesizer option. However, with the browser view plug-in, I can see some advantages of using these in Firefox, but it can be just as quick and possibly more effective to just view the sites in the alternative browsers anyway?