Web Development Guide

Indispensable Firefox Plugins for Web Developers

• Firebug - "FireBug lets you explore the far corners of the DOM by keyboard or mouse. All of the tools you need to poke, prod, and monitor your JavaScript^?, CSS, HTML and Ajax are brought together into one seamless experience, including an error console, command line, and a variety of fun inspectors."
• Web Developer - This is a Firefox toolbar with various utilities essential to web developers. For example, you can quickly view a page in 800x600 resolution, view the cookies that have been set, validate XHTML, CSS. But probably the best feature is that it allows you to view the html source code of the your generated page. Meaning it shows you what the html source would look like after all the AJAX calls have been said and done.

Apache

• Automatically add www in front of your domain name:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^jessesuen.com
RewriteRule ^(.*)$ http://www.jessesuen.com/$1 [r=301,L]

Quick Tricks

• You can easily view the cookies on a site by typing the following command from your URL address bar (tested with Firefox and IE6): javascript:document.write(document.cookie);
• How to speed up FireFox

-- JesseSuen - 03 Mar 2006