Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PureCSS open hack 2013


Published on

My talk about PureCSS that I gave in Open Hack 2013

Published in: Technology
  • Be the first to comment

PureCSS open hack 2013

  1. 1. Make your hack standout PureCSS Sudar Muthu (@sudarmuthu) Research Engineer, Yahoo Labs
  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