Web Design Tools

Web Page Performance Test – test page load time for optimization
http://www.webpagetest.org


Color Scheme Designer
http://colorschemedesigner.com
https://kuler.adobe.com/create/color-wheel
http://www.colourlovers.com/palettes/search

Colorzilla – Eyedropper, ColorPicker, Color Analyser
http://www.colorzilla.com

Colorzilla CSS Gradient Generator
http://www.colorzilla.com/gradient-editor

CssRound – div rounded corner Css3 generator
http://cssround.com
http://www.cssportal.com/css3-rounded-corner
Note: For transparency on the css box shadow use:
/*50% black box shadow*/
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 10px;
box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 10px;

Csstxt – Style Css code generator for text
http://csstxt.com

CSS matic – CSS tools (Box Shadow, Noise Texture, Border Radius, Gradient Generator)
http://www.cssmatic.com/box-shadow

Add Facebook Like Button – Get your own Facebook Like Button Code for your Website
http://www.addlikebutton.net


JS Fiddle
http://jsfiddle.net

Modernizr – JavaScript library that detects the availability of native implementations for next-generation web technologies
http://modernizr.com

Online Javascript Compression Tool
http://jscompress.com


SWF2SVG – Export SWF to SVG shape
http://wonderfl.net/c/sPjI


CSS Compressor & Minifier
http://www.minifycss.com/css-compressor

Format CSS Code – useful One Line per Style option
http://www.cssportal.com/format-css/format.php