1. Free Web Design Tools &
Resources
http://ww.spinxwebdesignchicago.com
Phone : 888.593.2337

2. http://thesquaregrid.com/

3. http://thesquaregrid.com/
• The Square Grid is a simple CSS framework for
designers and developers, based on 35 equal-
width columns. The grid is equiped with a
28px baseline-grid for a smooth vertical
rhythm. Each block (DIV) is defined with a
margin of 1 square (28px) from the next block.
It aims to cut down on development time and
help you create beautiful-structured websites.

4. http://joapp.com/

5. http://joapp.com/
• Jo is a new and lightweight JavaScript
framework designed for HTML5 apps.

6. http://framebox.org/AFLG

7. http://framebox.org/AFLG
• Lightweight online tool for creating and
sharing mockups (wireframes). Easy, fast and
free in use

8. http://www.colorzilla.com/gradient-
editor/

9. http://www.colorzilla.com/gradient-
editor/
• HTML5 introduced many exciting features for
Web developers. One of the features is the
ability to specify gradients using pure CSS3,
without having to create any images and use
them as repeating backgrounds for gradient
effects. This easy to use copy-and-paste tool
gives you complete control when creating
your CSS3 gradient.

10. http://sandbox.sebnitu.com/jquery/qu
ovolver/

11. http://sandbox.sebnitu.com/jquery/qu
ovolver/
• Quovolver is a simple extension for jQuery
that takes a group of quotes and displays
them on your page in an elegant way.

12. http://gridulator.com/

13. http://gridulator.com/
• 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. Just the thing for pixel-based
design folk. There are inline previews,
courtesy of the canvas element, and when
you’re all set Gridulator can crank out full-size
PNGs for you, ready for use in your CSS,
Photoshop docs, or what have you.

14. Thanks for Viewing
http://ww.spinxwebdesignchicago.com
Phone : 888.593.2337