Technical Research: PURE.CSS

Pure is a lightweight CSS framework developed by Yahoo. Unlike Bootstrap which is based on responsive web design principles, Pure works on scalable and modular architecture for CSS. It is essentially a set of CSS modules. It is rather a starting point for a project rather than a complete solution [1].

Key Features

A responsive grid that can be customised to your needs

A solid base built on Normalize.css to fix cross-browser compatibility issues

Various common table styles

A minimalist look that is easy to customize

Responsive by default, with a non-responsive option

Small file size: 4.5KB minified + gzip [2]

Usage

Like Bootstrap, it can be used to optimise websites across devices by adding responsiveness. This would be utilised in the design guide and possibly the dashboards. It does allow for Bootstrap to be used alongside, should any library features required be missing. [1]

Advantages

Fast to load, the complete module set is 4.0 KB minified and gzipped

Mobile-friendly, the small file size allows it to load quickly on mobile connections

Easily customizable

Works well with other frameworks, including Bootstrap [3]

Disadvantages

Small variety of templates available

Not as large of a community using it, therefore potentially difficult to troubleshoot

Being lightweight essentially means fewer options [4]

Alternatives

Bootstrap

Material UI

References

[1] "What CSS Frameworks Should You Use? Comparing The 5 Most Popular CSS Frameworks - CSS Hero". CSS Hero. N.p., 2016. Web. 22 Nov. 2016.
[2] "Yahoo/Pure". GitHub. N.p., 2016. Web. 22 Nov. 2016.
[3] Rosa, Aurelio. "Pure: What, Why, & How?". Code Envato Tuts+. N.p., 2016. Web. 22 Nov. 2016
[4] "Pure CSS Vs Bootstrap | Meet Domenica". Meet Domenica. N.p., 2016. Web. 22 Nov. 2016.