PureCSS is a small (4.2KB) CSS framework that allows developers to focus on their ideas rather than presentation. It includes modules for basic styling elements like grids, forms, buttons and tables. PureCSS is fully responsive, working across multiple device screens. Developers can get started using PureCSS on their hack projects by including the framework files in their code.

2. Make your hack standout
PureCSS
Sudar Muthu (@sudarmuthu)
Research Engineer, Yahoo Labs
http://sudarmuthu.com

4. CSS with a minimal footprint
4.2KB minified and gzipped

5. Why use PureCSS for your
hack?

6. Why use PureCSS for your
hack?
Concentrate on your idea not on presentation

11. Modules
Base
Menus
Grids
Tables
Forms
Buttons

12. Base
Leverage Normalize.css, an HTML5-ready alternative to CSS resets

13. Responsive Grids
A fully customizable responsive grid

14. Forms
Simple CSS for HTML forms

15. Buttons
Simple CSS for HTML Buttons

16. Tables
Simple CSS for HTML tables

17. Menus
Simple CSS for HTML menus

18. Demo

19. Demo
Let’s view the same page in multiple devices

20. I am convinced. How do
I get started?

23. Thank You