yahoo! hack india: hyderabad 2013 | pure css
DESCRIPTION
Sudar Muthu sharing about Pure CSSTRANSCRIPT
![Page 1: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/1.jpg)
![Page 2: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/2.jpg)
Make your hack standout PureCSSSudar Muthu (@sudarmuthu)
Research Engineer, Yahoo Labs
http://sudarmuthu.com
![Page 3: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/3.jpg)
![Page 4: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/4.jpg)
CSS with a minimal footprint4.2KB minified and gzipped
![Page 5: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/5.jpg)
Why use PureCSS for your hack?
![Page 6: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/6.jpg)
Why use PureCSS for your hack?
Concentrate on your idea not on presentation
![Page 7: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/7.jpg)
![Page 8: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/8.jpg)
![Page 9: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/9.jpg)
![Page 10: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/10.jpg)
![Page 11: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/11.jpg)
Modules
Base
Menus
Grids
Tables
Forms
Buttons
![Page 12: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/12.jpg)
BaseLeverage Normalize.css, an HTML5-ready alternative to CSS resets
![Page 13: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/13.jpg)
Responsive GridsA fully customizable responsive grid
![Page 14: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/14.jpg)
FormsSimple CSS for HTML forms
![Page 15: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/15.jpg)
ButtonsSimple CSS for HTML Buttons
![Page 16: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/16.jpg)
TablesSimple CSS for HTML tables
![Page 17: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/17.jpg)
MenusSimple CSS for HTML menus
![Page 18: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/18.jpg)
Demo
![Page 19: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/19.jpg)
DemoLet’s view the same page in multiple devices
![Page 20: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/20.jpg)
I am convinced. How do I get started?
![Page 21: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/21.jpg)
![Page 22: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/22.jpg)
![Page 23: Yahoo! Hack India: Hyderabad 2013 | Pure CSS](https://reader033.vdocuments.mx/reader033/viewer/2022042613/54c644a34a79599b3a8b4573/html5/thumbnails/23.jpg)
Thank You