In order to develop a new project or to optimize a old one you need to use tools to make your web developer easier. Different plugins from firefox or chrome offer this service .
Let see some of them on firefox
Inspect HTML and modify style and layout in real-time
Accurately analyze network usage and performance
Extend Firebug and add features to make Firebug even more powerful
Get the information you need to get it done with Firebug.
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon.
The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution).
The details of the errors are seen when looking the HTML source of the page.
The extension is based on Tidy and OpenSP (SGML Parser). Both algorithms were originally developed by the Web Consortium W3C. And now extended and improved by a lot of persons. Both algorithms are embedded inside Mozilla/Firefox and makes the validation locally on your machine, without sending HTML to a third party server.
Each algorithm has advantages and inconvenients. The program will give you the choice at startup. But mostly,
– The SGML parser is the same program than the one running behind validator.w3.org.
– Tidy has accessibility check for the 3 levels defined in WAI
– W3 Online validator to validate HTML 5 pages
The extension is translated in 17 languages.
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.http://yslow.org is the official open source website.
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is available for Firefox as an add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.
The best security you can get in a web browser!
Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.
Winner of the “2006 PC World World Class Award”, this tool provides extra protection to your Firefox.
Such a preemptive approach prevents exploitation of security vulnerabilities (known and even unknown!) with no loss of functionality…
Experts do agree: Firefox is really safer with NoScript 😉
FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers.
Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. The powerful CSS gradient generator allows quick and easy creation of beautiful gradients. And there’s more…
Better Privacy serves to protect against special longterm cookies, a new generation of ‘Super-Cookie’, which silently conquered the Internet. This new cookie generation offers unlimited user tracking to industry and market research. Concerning privacy Flash-cookies are most critical.
This add-on was made to make users aware of those hidden, never expiring objects and to offer an easier way to view and to manage them – since browsers are unable to do that for you.
Flash-cookies (Local Shared Objects, LSO) are pieces of information placed on your computer by a Flash plug-in. Those Super-Cookies are placed in central system folders. They are frequently used like standard browser cookies. Although their thread potential is much higher as of conventional cookies, only few users began to take notice of them.
BetterPrivacy allows to list and manage Flash-cookies, e.g. to remove those objects automatically on browser start, browser exit or by a configurable timer function while certain desired Flash cookies can be excluded from automatic deletion. So this extension becomes sort of “install and forget add-on”. Usually automatic deletion is safe (no negative impact on your browsing), especially if the deletion timer is activated. The timer can delay automatic deletion for new or modified Flash-cookies which might be in use. It also allows to delete those objects immediately if desired. Users who wish to to manage all Flash-cookies manually can disable the automatic functions or exclude certain Flash-cookies from automatic deletion.
Some Flash-cookie (LSO) properties in short…
– they are never expiring – staying on your computer for an unlimited time.
– by default they offer a storage of 100 KB (compare: Usual cookies 4 KB).
– browsers are not fully aware of LSO’s, They often cannot be displayed or managed by browsers.
– via Flash they can access and store highly specific personal and technical information (system, user name, files,…).
– ability to send the stored information to the appropriate server, without user’s permission.
– Flash applications do not need to be visible
– there is no easy way to tell which Flash-cookie sites are tracking you.
– shared folders allow cross-browser tracking, LSO’s work in every flash-enabled application
– the Flash company doesn’t provide a user-friendly way to manage LSO’s, In fact it’s incredible cumbersome.
– many domains and tracking companies make extensive use of Flash-cookies.
This kind of cookies is not harmless.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
I used this some time ago but quit using FF for several reasons. I’ve come back to FF (v3.6) and can’t find where this plug locates itself. It used to be on the status bar along the bottom but it’s not there now. Received notice from developer on how to display it on a toolbar. Not intuitive but it’s back and I may just start using FF again. Kudos to Kevin for a fine product and for reading and responding to reviews!
SEO Doctor is made with both beginners and experienced SEOs in mind and it’s scoring system and recommendations are based on official SEO documents, namely Google Webmaster guidelines, Google Image guidelines and Google SEO starter guide as well as my own experience.
Main features of SEO Doctor are:
Points out to potential problems and assigns a score for your pages based on currently accepted SEO methodology
Shows link structure and helps track page rank flow for your pages
Detects and warns you about pages not indexable by search engines using most comprehensive methods available in any tool
One-click access to most popular SEO tools allows you to additionally inspect a site