Slide 1

Slide 1 text

purecss.io github.com/yui/pure/ A set of small, responsive, CSS modules that you can use in every web project. purecss.io github.com/yui/pure/

Slide 2

Slide 2 text

purecss.io github.com/yui/pure/ So, CSS frameworks are really useful purecss.io github.com/yui/pure/

Slide 3

Slide 3 text

purecss.io github.com/yui/pure/ purecss.io github.com/yui/pure/ Some of my favorite web UIs are made using CSS frameworks

Slide 4

Slide 4 text

purecss.io github.com/yui/pure/ purecss.io github.com/yui/pure/

Slide 5

Slide 5 text

purecss.io github.com/yui/pure/ purecss.io github.com/yui/pure/ But let’s think about this a bit more...

Slide 6

Slide 6 text

purecss.io github.com/yui/pure/ All sites share some common elements. Base Grids Forms Menus Tables Buttons

Slide 7

Slide 7 text

purecss.io github.com/yui/pure/ How are we writing the CSS? CSS Framework Custom Styles + Potentially *lots* of unused CSS rules Heavy (do we need 8k lines of CSS?) Overwriting existing rules is annoying

Slide 8

Slide 8 text

purecss.io github.com/yui/pure/ The other extreme Custom Styles + Have to handle browser inconsistencies Can’t focus on your application’s design Base

Slide 9

Slide 9 text

purecss.io github.com/yui/pure/ Instead, consider this. Custom Styles + Pure A minimal set of CSS styles for common components

Slide 10

Slide 10 text

purecss.io github.com/yui/pure/ Custom Styles + Pure A minimal set of CSS styles for common components CSS Framework + Modals, Popovers, Tooltip, etc.

Slide 11

Slide 11 text

purecss.io github.com/yui/pure/ Say hello to Pure Foundational CSS modules for every web project Under 4KB minified + gzipped Minimal and flat design, that you can build on Namespaced .pure-* On Yahoo! CDN

Slide 12

Slide 12 text

purecss.io github.com/yui/pure/ We open-sourced everything. Even the website. github.com/yui/pure/ github.com/yui/pure-site/

Slide 13

Slide 13 text

purecss.io github.com/yui/pure/ We made some layouts to help you get started. purecss.io/layouts/

Slide 14

Slide 14 text

purecss.io github.com/yui/pure/ purecss.io @tilomitra @ericf