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

PureCSS open hack 2013

2,132

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
2,132
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

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

×