10 Important Web Design Tools

1. HTML Entity Character Lookup

This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c.

2. Blueprint CSS framework

It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

3. Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier.



4. Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design.

 







5. Web Developer Toolbar

Adds a menu and a toolbar with various web developer tools.

6. MeasureIt

Draw out a ruler to get the pixel width and height of any elements on a webpage.


7. ColorZilla

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

 

8. Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

9. Designers Toolbox

All kind of print and web documents sizes.

 10. What the Font?

Submit an image to WhatTheFont to find the closest matches in our database.