Web Developer
The Web Developer Extension is a
extension for the Firefox browser and it’s a great tool for
web designers. It has a variety off essential tools that allow
you to code quality websites and troubleshoot problems easily.
It’s a powerful all in one plugin. Web Developer extension
adds a menu and a toolbar to the browser with various web
developer tools. The added benefit of having Web Developer Tool
is the ability to edit CSS on the fly. If you want to try a
different font, different size, different color, background,
borders, margins, padding, practically anything to do with CSS,
you can make the changes in the Web Developer tool and see the
changes instantly. The Web Developer tool saves you time when
playing around with CSS.Firebug
Firebug integrates with Firefox to put a wealth
of development tools at your fingertips while you browse. You can
edit, debug, and monitor CSS, HTML, and JavaScript live in any
web page. Firebug gives you full control over the CSS, HTML and
JavaScript of any page that you choose. Inspect and edit HTML,
Tweak CSS to perfection, Visualize CSS metrics, Monitor network
activity, Debug and profile JavaScript, Quickly find errors,
Explore the DOM, Execute JavaScript on the fly, Logging for
JavaScript. Best of all, every change that you make is done live
and instantly, so you can quickly test out different changes and
see the results of those changes instantly.
Codetech
Codetech is another wonderful firefox extension
which allows you to edit your documents right next to your web
pages as you surf. This web page editing tool has the feel of
Dreamweaver in a Firefox extension. For a web developer or
designer, which offtenly deals with HTML source code, Codetch is
a lite version of a application like Adobe Dreamweaver. It has a
similar layout, yet less features, but it helps the user to
complete its source based tasks.
Author description says it all. It’s the closest you can
get to a professional web editing interface in a browser. Install
it as an extension today and have a full featured editor right
beside your web pages as you surf!
Greasemonkey
If you don’t know what Grease Monkey is, it is a Firefox plugin that allows you to run your own java script on any page you are viewing. Now why would you want to do that? Well, basically it allows you to fix or enhance any web page out there to meet your requirements and not those that the designer wants to force on you. In order to help you write the java script you might need, you can use another plugin for FireFox, Firebug.
Greasemonkey is an addon for the Firefox browser that allows you to run scripts that alter the pages that are displayed to you for certain websites. Every time after the page has been loaded greasemonkey will apply the active script(s) to it. The scripts can be used to remove or add elements to the page because they can change the source code (HTML). This allows you to modify the functionality and design of any website that is displayed in your browser without control over the actual files on the web server.
This seems pretty dangerous behavior but all greasemonkey scripts are open source and its very easy to see on which sites/pages the script operates.
Greasemonkey is a unique extension in that it lets you install these things called user scripts. User scripts are much smaller than extensions, and are often targeted to much more specific tasks than extensions. There is a web site called UserScripts.org that is devoted to these small tiny hacks people have created to make the web work more like the way they want it to.
It can be complicated to create your own user scripts (it requires understanding the Javascript programming language), but it is dead simple to install and use scripts other people have created. And let me tell you that a *lot* of people have created scripts. There are over 7500 user scripts on UserScripts.org. If something on a web page has annoyed you, there is undoubtedly a user script that fixes it.
Greasemonkey is a Firefox extension that allows you to customize the way webpages look and function. Allows you to customize the way a webpage displays using small bits of JavaScript. Hundreds of scripts, for a wide variety of popular sites, are already available at http://userscripts.org. You can write your own scripts, too. Mark Pilgrim’s definitive Greasemonkey guide, diveintogreasemonkey.org will show you how.
CSS Validator/HTML Validator
