Today, we will be making a beautiful, minimal dashboard using Pure ( view the project on GitHub ), the new mini-CSS module library from Yahoo!. We will be talking about and using some of the principles of SMACSS (Scalable and Modular Architecture for CSS). We’ll also be using icons from WeLoveIconFonts.com . Note: Before we go any further, there is a minimum emphasis on graphs for the dashboard we will be creating. Graphs are best executed with something more JavaScript heavy, and in order to keep the focus on CSS and minimal JavaScript, this tutorial will generally avoid graph drawing techniques. A Bit About Pure Pure was built by the team at Yahoo! and YUI to be a very lightweight set of modules (less than 6k). Think of this as an extended Normalize that also includes styles for very common things like grids, forms, buttons, tables, and menus. The YUI team built Pure to be a starting point , not a complete solution.
↧