Firefox has numerous add-ons , i already covered a lot add-ons for customizations of Firefox. But some of my reader asked for the add-ons for web developers designers. So, I make lists of useful add-ons for web developer and it should be know for each developer.
[ad code=3 align=center]
Add-ons For For CSS
Console2 - it allows you to display errors filtered by type (messages, Warnings, Errors) such like languages (CSS, XML,JavaScript) and context (Chrome). It’s provide you to remove the duplicate entries and hide them.
CSS validator This tool provide you to Check the validity of CSS code of your web page. It’s open the results in the new tab.
CSSMate It used for firefox extension for edit CSS files. it’s make the code easy for understand and separte in different sheets.
Aardvark It is useful add-ons in Firefox useful for web developers and designers. It’s provide you to view CSS attributes, id, class by highlighting page element individually.
CSSViewer Awesome extension for See the CSS properties of page elements with this extension.
EditCSS It’s helps the web developers to edit and modify currently loaded style sheets and displays the code into a sidebar of Mozilla Firefox
Style Sheet Chooser II - it’s allows you to choose author-provided alternate style sheets for a web site.
chromEdit Change the appearance or customize your CSS and javascript files using this extension.
[ad code=1 align=center]
Add-ons For Debugging and Analysis
Link Checker Check the validity of links on any web-page and display the links in different colors
Load Time Analyzer The Load Time Analyzer allows developers to measure and graph how long web pages take to load in Firefox. The graphs display events like page requests, images, style-sheets and scripts etc.
DOM Inspector: DOM (Document Object Model) it’s inspect the structure and properties of the window and it’s contents.
FireBug It is popular extension for debugging JavaScript, HTML, CSS and Ajax code snippets.
HTML Validator This extension used to validate web pages with HTML standards of W3C. It’s help to show the errors.
JavaScript Debugger It is used for debugging the JavaScript code and provide the strong debugging environment.
View Dependencies It is useful extension and show all the page elements are loaded and display the information which were loaded in the current page.
YSlow – It’s awesome tool that analyzes your web pages, Why it’s slowing down while loading and check the performance of the Web sites.
Pixel Perfect: Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.
ColorZilla It’s help the developers for selecting the Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox.
FirePHP Identify the PHP code used in the code and display on this extension.
Flash Switcher this extension for flash developers who want to easily test their pages with different flash players versions.
Greasemonkey it is used withing the Firefox and allow you to customize the java script or any web-page aspects or it’s functions.
TestGen4Web This is interesting extension that records your ongoing activities and store it. It’s play on your demand.
View Source Chart It’s shown you any web-page Source code.
Web Developer The Web Developer extension adds a menu and a toolbar with various web developer tools.
X-Ray it allows users to view web-page code with a right-click and see how document was constructed.
Measureit Calculate the measurement is difficult task for each developers. This extension help you measures the specifications of tables, paragraphs on internet.
Poster This extension help for developers to interacting with web services and other resources in the web content.
Professor X It’s save the time and inspect inside a page’s head without viewing the source code.
Clipmarks it’s help you to save any part of web page like blog posts, articles even you can post directly to the twitter or facebook or share to any one.
Codetech Edit your documents withing the Firefox and feel like the Dreamweaver.
ScreenGrap - It will capture entire window or selection or particular frame of web-page as images or to the clipboard.
Adblock Plus - It’s annoyed all those ads and banner on the internet that takes time to load on internet. So , Install this extension for avoid.
FireFTP : It’s another awesome extension that provide you to upload your FTP files directly to the directories of your Web hosting Servers.
HttpFox : Monitors all incoming and outgoing HTTP traffic.
Related posts:
- Stress free planning In Website Development
- The Web Startup Success Guide free Ebook in Website development
- WEB applications: Introduction to DEVELOPMENT free ebook
- Web ReDesign 2.0: Workflow that Works in redesigning website
- Professional JavaScript for Web Developers free eBook
- The secret to a successful website
- Website Owner’s manual |the secret to successful Websites


