10+ Tools for Web Designer

A collection of the Best Tools for Web Designer.

Tools for Web Designer

Responsive Testing Tool

responsive-tools
A handy tool for responsive design testing, to display what your site looks like on a mobile device.
Link: http://responsive.pixeltuner.de

gridulator

webdesigner-tools-5a
Tell Gridulator your layout width and the number of columns you want, and it’ll spit back all the possible grids that have nice, round integers.
Link: http://gridulator.com

Ui Faces

webdesigner-tools-4a
This tool was born from the daily toil of finding sample avatars for UI mockups.
Link: http://uifaces.com

Favicon

webdesigner-tools-10
Getting a favicon has never been easier. Create a new favicon, or import an image.
Link: http://www.favicon.cc

Font Pair

webdesigner-tools-8
Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
Link: http://www.fontpair.co

Px to Em

webdesigner-tools-6a
PXtoEM  is px to em conversion made simple. Choose your body font size in pixels (px) and out comes a complete pixel (px) to em conversion table.
Link: http://pxtoem.com

0 to 255

webdesigner-tools-7a
A simple tool that helps web designers find lighter and darker colors based on any color.
Link: http://www.0to255.com

rrggbb

webdesigner-tools-9
16 million random colors.
Link:rrgg.bb

Animate.css

webdesigner-tools-2a
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders.
Link: http://daneden.github.io/animate.css

Plain Pattern

webdesigner-tools-3a
An SVG based seamless pattern maker.
Link: http://www.kennethcachia.com/plain-pattern