Useful Tools for the Web Designer

I’m constantly collection tools and links that make my life designing for the web much easier. Here, I have cataloged a number of the most useful from my “Web Design” bookmarks folder.

Screenqueri.es – Responsive Design Testbed

screenqueri

A great tool for quickly testing your site for common screen sizes.

 

Colorzilla – CSS3 Gradient Generator

colorzilla

A powerful tool for creating CSS3 gradients. Some other CSS3 generators include gradient controls, but this one offers the most control.

 

Font-Friend – In-Browser Font Testing

fontfriend

The best place to test the typeface you chose for your site is in the browser. This bookmarklet lets you swap out fonts on the fly based on stock fonts, packaged fonts, and it even connects to google’s webfonts directory.

 

deCSS3 – Graceful Degradation Testing

deCSS3

Another bookmarklet, this lets you see what your site looks like with CSS3 disabled. Great for testing if your enhancements truly degrade gracefully.

 

Iconmonstr – Icon Library

iconmonstr

Though I prefer to design my own, or use icon-fonts, this is a great library of free icons. Especially useful for use in quick concepting.

 

Have any great tools you use? Share them in the comments.

0 Comment

Leave Comment