Free Web Design Tools &      Resources http://ww.spinxwebdesignchicago.com         Phone : 888.593.2337
http://thesquaregrid.com/
http://thesquaregrid.com/• The Square Grid is a simple CSS framework for  designers and developers, based on 35 equal-  wi...
http://joapp.com/
http://joapp.com/• Jo is a new and lightweight JavaScript  framework designed for HTML5 apps.
http://framebox.org/AFLG
http://framebox.org/AFLG• Lightweight online tool for creating and  sharing mockups (wireframes). Easy, fast and  free in ...
http://www.colorzilla.com/gradient-             editor/
http://www.colorzilla.com/gradient-              editor/• HTML5 introduced many exciting features for  Web developers. One...
http://sandbox.sebnitu.com/jquery/qu              ovolver/
http://sandbox.sebnitu.com/jquery/qu              ovolver/• Quovolver is a simple extension for jQuery  that takes a group...
http://gridulator.com/
http://gridulator.com/• Tell Gridulator your layout width and the  number of columns you want, and it’ll spit  back all th...
Thanks for Viewinghttp://ww.spinxwebdesignchicago.com        Phone : 888.593.2337
Upcoming SlideShare
Loading in...5
×

Web Design Tools

1,034

Published on

Published in: Career, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,034
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web Design Tools

  1. 1. Free Web Design Tools & Resources http://ww.spinxwebdesignchicago.com Phone : 888.593.2337
  2. 2. http://thesquaregrid.com/
  3. 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. 4. http://joapp.com/
  5. 5. http://joapp.com/• Jo is a new and lightweight JavaScript framework designed for HTML5 apps.
  6. 6. http://framebox.org/AFLG
  7. 7. http://framebox.org/AFLG• Lightweight online tool for creating and sharing mockups (wireframes). Easy, fast and free in use
  8. 8. http://www.colorzilla.com/gradient- editor/
  9. 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. 10. http://sandbox.sebnitu.com/jquery/qu ovolver/
  11. 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. 12. http://gridulator.com/
  13. 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. 14. Thanks for Viewinghttp://ww.spinxwebdesignchicago.com Phone : 888.593.2337
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×