PURE - CSS for busy ninjas

So, you're too busy to read a whole blog article on how to create an easy to use flexible cross browser integrated css? well, hold the phone, cause this might come handy ;)

Introducing PURE, as it's mentioned on their websites PURE is A set of small, responsive CSS modules that you can use in every web project.

Discovering the code i found it's really worth to give a try due to it's small filesize and implementaion simplicity, let's take a look at some examples

Landing Page

This layout shows off a responsive product landing page. It leverages Grids and Menus.

View Layout

Photo Gallery

This layout shows off a responsive photo gallery. It leverages Grids, Menus, and Forms.

View Layout

Email

This layout shows off a responsive email layout. It leverages Grids and Menus.

View Layout

So how to use PURE

check the base: http://purecss.io/base/
check the grids: http://purecss.io/grids/
check the forms: http://purecss.io/forms/
check the buttons: http://purecss.io/buttons/
check the tables: http://purecss.io/tables/
check the menus: http://purecss.io/menus/

Responsive rollup link: http://yui.yahooapis.com/pure/0.1.0/pure-min.css (~4KB)
Non-responsive rollup: http://yui.yahooapis.com/pure/0.1.0/pure-nr-min.css (~4KB)

Use PURE with bootstrap (KAWABANGA*) : http://purecss.io/extend/

That's it in brief, need help? leave a comment and we'll try to help as much as we can :)

For those of you who don't know what KAWABANGA is, how did you spend your childhood?