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 addon

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 plus addon

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:

Firesizer

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

Firesizer

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):

Windows resizer

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

Window resizer

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 toolbar: disable CSS

Disable Javascript:

Disable Javascript

Ann Smarty
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.
Ann Smarty

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?