Pure Bliss

39416e8a4f8a9c9677a0a67da51f2207?s=47 Tilo
May 30, 2013

Pure Bliss

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

39416e8a4f8a9c9677a0a67da51f2207?s=128

Tilo

May 30, 2013
Tweet

Transcript

  1. 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. 7.

    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. 8.

    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. 9.
  5. 10.

    purecss.io github.com/yui/pure/ Custom Styles + Pure A minimal set of

    CSS styles for common components CSS Framework + Modals, Popovers, Tooltip, etc.
  6. 11.

    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