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/