Recently I used a free typography frame work created by csswizardry.com. I have tried some CSS reset before but they were quite disappointing. This typography and grid base design frame work was extremely useful. It not only same me the time to do my own reset also give me many column width choices to use. I only have one suggestion for the creator. Class names like “ sixforty twoeighty ” are bit too much typing. I would suggest changing them to “w640,w280″.

Here are some screen shots and the download link.

Some useful tools that I have been using.

1. Firefox addon for grid base design



And four more bookmarklets I found from a long list of speckyboy design magazine’s post on 32 Indispensable Bookmarklets for Web Developers and Designers. As you know those big design magazines like to give you a long list of 100 something. I don’t mind this kind of posts in inspirations, but for tools, no one has the time to go through a long list. Here are the most useful ones I picked up from the list

2. color list gives you all the colors on a page in hex
   
3. DOM inspector:
   
4. Document Tree



5. Design : includes ruler,grid, unit, and crosshair tools.
   
6. Css reload : reloads CSS style sheet every 2 seconds.

ADD TO

If this helps, why not tell your friends?

• 
• 
• 
• 
• 
• 
• 
• 
• 
•