10 amazing tools to help you work faster simplifying the design process.
Every day new on line tools appear that helps us work faster simplifying the design process. If we can speed up the development time for our web pages it really makes our life easier.
This hand picked list contains simple tools to combine fonts, create grid systems, adaptative images, calculate border radius, font size, and create templates, CSS Editors and experiment with color combination.
The Web Font Combinator
This tool has been built to allow previewing of font combinations in a fast, browser-based manner. There have been numerous printed books through the years that allowed a designer to put a headline font next to a body font, and this is an attempt to recreate that for the web.
Golden Grid System
Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.
Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page’s embedded HTML images
Discover Adobe® Kuler® — the web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.
This tool has been thought for front-end developers who are tired of working with CSS. Here you can quickly convert your old CSS files to fresh new FEWER files. As easy as copy/paste. You can also convert files locally by install the css2less RubyGems.
Color Scheme Designer
This tool provides colors in the form of a color wheel that offers mono, complement, traid, tetrad, analogic and accented analogic color variations in the percentage ratio; and it also highlights the same with the suitable scheme chosen.
CSSMenuMaker.com is here to provide the average webmaster with tools to create custom, cross browser compatible website menus. Our menu generator makes it easy to create custom CSS menus without having to know all the complicated HTML and CSS.
CSS 3.0 Maker
A css 3.0 genertor
CSS Button Generator
CSS Button Generator will create beautiful css buttons for you to use on your web pages without the need for any images.
Seamless Lite makes it easy to design a seamless pattern. With simple editing tools you can resize, rotate and add shapes, lines and text to the canvas and it tiles automatically. Save your pattern template and see how the world colors it in.