Web designers have a wealth of tools available to them, for doing everything from organizing their thoughts about a particular design to debugging the final design. But with so many tools out there, how do you ever determine which ones are really useful and which ones are just going to waste your time? We’ve compiled a massive list of some of the best and most useful tools out there for web designers.
Easel is an in-browser, pixel-accurate web design tool that integrates with your small team’s design and development process.
The Web Font Combinator is a simple tool that simply shows you combinations of fonts as headers and body text.
The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.
Quick and simple image placeholders.
CSS Hat is a Photoshop plugin that converts layer styles to CSS3 with a single click. PSD to CSS easily.
BgPatterns is a tiny web app for making background patterns in a few clicks.
SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.
A designer tool for creating color combinations that work together well.
Stylo is a web app designer written in CoffeeScript and Spine. It allows you to manipulate various HTML elements, add styles and edit text.
Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.