20 Underrated Web Design Tools


Improve your web design and development skills and save time and effort with our selection of lesser-known but brilliant apps. [By Creative Blog]

If you build websites for a living, you’ll undoubtedly use the obvious web design tools – Firebug, Browsershots, plus the various font embedding services and page speed analysers.

So this article isn’t about them. Instead we thought we take a look at the more underrated tools that can help you improve client-side browser development and rigorously test everything that you build. Hopefully you’ll find something useful in our feature that you’ve not heard about previously. Meanwhile, if you know of a tool that doesn’t get the press it deserves, let us know about it in the comments below…

01. CSS Click Chart

CSS3 Click Chart is a handy reference tool to speed up your workflow

CSS3 Click Chart is a handy reference tool for CSS3 attributes; I’m sure we’ve all struggled to remember quite what order a CSS box-shadow values are required in at some point, and that’s where CSS3 Click Chart comes in. As well as example CSS syntax to show you how to use a particular attribute, it features a demonstration of each attribute.

CSS3 Click Chart is a handy reference tool to speed up your workflow

02. Patternizer

Generate CSS3 stripes using Patternizer

Patternizer is an online tool to help you generate CSS3 stripes using an online interface. You can customise everything you need, from the gap between stripes/checks, the angle they appear at and their colour, or browse the existing library of patterns available.

Patternizer

03. CodeKit

CodeKit gives SASS and LESS developers an easier life

CodeKit is an app for Mac that allows frontend developers using SASS or LESS an easier life. CodeKit compiles your LESS or SASS files on the go so you don’t have to, optimises your project’s image file sizes and reloads the page live in your browser window.

CodeKit

Continue reading