WebDezinz

microsoft
 
 
 
 
Home Downloads

Firefox Add-ons

 

Web Developer

 

Web-DeveloperThe 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.

 

Plugin Link

 

Firebug


Essential Firefox Add-ons

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.

 

Plugin Link

 

Codetech


Essential Firefox Add-ons

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!

 

Plugin Link

 

Greasemonkey


monkey

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.

Plugin Link

 

CSS Validator/HTML Validator


Essential Firefox Add-ons

CSS Validator is a Firefox extension which Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab. Will only work on pages that have a CSS file associated. For example it will work with http://www.w3.org/ as the URL has a CSS file. When using the HTML Validator, you can choose to validate directly in the browser (where any errors are shown as a status bar icon), show the source with explanations of errors after the validation or a validation with proposed solutions to any errors.

Plugin Link

 


 

< Prev   Next >