Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Pure Bliss

Tilo
May 30, 2013

Pure Bliss

Introduction to Pure - A set of small, responsive, CSS modules
that you can use in every web project.

Tilo

May 30, 2013
Tweet

More Decks by Tilo

Other Decks in Technology

Transcript

  1. 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/
  2. 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
  3. 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
  4. purecss.io github.com/yui/pure/ Custom Styles + Pure A minimal set of

    CSS styles for common components CSS Framework + Modals, Popovers, Tooltip, etc.
  5. 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