PureCSS open hack 2013

3,141 views

Published on

My talk about PureCSS that I gave in Open Hack 2013

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,141
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

PureCSS open hack 2013

  1. 1. Make your hack standout PureCSS Sudar Muthu (@sudarmuthu) Research Engineer, Yahoo Labs http://sudarmuthu.com
  2. 2. CSS with a minimal footprint 4.2KB minified and gzipped
  3. 3. Why use PureCSS for your hack?
  4. 4. Why use PureCSS for your hack? Concentrate on your idea not on presentation
  5. 5. Modules Base Menus Grids Tables Forms Buttons
  6. 6. Base Leverage Normalize.css, an HTML5-ready alternative to CSS resets
  7. 7. Responsive Grids A fully customizable responsive grid
  8. 8. Forms Simple CSS for HTML forms
  9. 9. Buttons Simple CSS for HTML Buttons
  10. 10. Tables Simple CSS for HTML tables
  11. 11. Menus Simple CSS for HTML menus
  12. 12. Demo
  13. 13. Demo Let’s view the same page in multiple devices
  14. 14. I am convinced. How do I get started?
  15. 15. Thank You

×