“Have thy tools ready. God will find thee work.”
— Charles Kingsley
| Platform | Description | Noteable Features | |
|---|---|---|---|
| Firebug | Firefox | Edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. | All of them |
| Web Developer Toolbar | Firefox | Plethora of little web developer tools. | Display Element Information (shows calculated font-size in pixels) Display CSS by media type (great for debugging print stylesheets) |
| Dust-Me Selectors | Firefox | Finds unused selectors in your stylesheets as you browse through your site. | Spider an entire site for automated checking |
| Yahoo YSlow | Firefox | Analyzes pages and suggests performance improvements based on a set of rules for high performance web pages. | Breakout of page components and file sizes Neat graphs |
| Hex Color Picker | Mac | Edit and view hexadecimal color codes in the standard Mac OS X color panel | Deductions for the full 6 digit string from 1, 2 and 3 digits alone (#f = #fff = #ffffff) |
| DigitalColor Meter | Mac | Built in color picker that supports hex values. | Zoom-in picker Adjustable aperture for averaging |
| FastStone Capture | Win | Print screen replacement with other handy tools. | Scrolling window full screen capture Screen magnifier with color picker |