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.
For CSS Code USED
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 enteries 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.
IE Tab - It is another extension for the firefox. This is helpful for the designers for view their CSS projects on Internet Explorer withing Firefox.
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.
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.
Debugging and Analysis
Link Checker – Check the validity of links on any webpage 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, stylesheets 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 erros.
JavaScript Debugger – It is used for debugging the JavaScript code and provide the strong debugging environment.
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, stylesheets 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 erros.
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.
Other Extensions
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.
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.
Other Extensions
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 webpage 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 webpage 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 webpage 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.
Greasemonkey – it is used withing the Firefox and allow you to customize the java script or any webpage 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 webpage 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 webpage 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 sourcecode.
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.
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 webpage as images or to the clipboard.
CodeBurner: It is an extension of Firebug reference tool for web developers. It shown the syntax, code samples, and browser compatibility information.
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.
No comments:
Post a Comment