Yesterday at CSSConf, we launched Pure – a new CSS library. Phew! Here are the slides from the presentation:
Although it looks pretty minimalist, we’ve been working on Pure for several months. After many iterations, we have released Pure as a set of small, responsive, CSS modules that you can use in every web project.
You can learn more about Pure on its homepage, or through the GitHub repo.
How It Started
node-menunav (and now SmugMug’s
Fitting In With YUI
Not only is Pure compatible with jQuery or Bootstrap, but you can also use it with YUI. In the near future, YUI will be depending on Pure. To make this easy to understand, let’s take an example such as DataTable:
Currently, DataTable has its CSS stored in its
assets/ directory. This includes base DataTable styles, along with styles for DataTable plugins. In the future, the core DataTable styles will be pulled in from Pure (Pure Tables, to be specific). We envision doing this in the following way:
- Creating a CSSTable module that pulls in Pure Table CSS via Bower.
- Renaming of prefixes (
.pure-table changes to
- Letting DataTable depend on CSSTable
You could imagine this working for all current YUI widgets that have a CSS dependency in Pure.
There are a few benefits in having YUI depend on Pure in this way. First, it allows Pure to stay independent of YUI. We believe it’s important for Pure to have its own identity, and we are accomplishing this by letting Pure have its own release schedule and not be bound by a dependency on YUI.
We’re really excited to see what happens with Pure over the coming weeks and months. As it matures, we’re looking forward to building it out through a thriving open-source community. Although Pure is independent of YUI, our improvements to it will be fed back into YUI through the steps mentioned above. We think this is the best way forward when it comes to YUI and CSS.
We want to continue this discussion with you on the YUI Contrib mailing list to figure out the best way to integrate Pure into YUI. Let us know what you think!