CSS3 Modules include Box Model, Selectors, Backgrounds and Borders, Text Effects, 2d/3d Transformations, Animations, etc.
Blog post by Tab Atkins http://www.xanthir.com/blog/
This is Non-Linear
WD – Just an idea LCWD – Last call for problems CR – when Developers should start paying attention PR – at least 2 browsers are supporting REC – Officially Reccommended by W3C
June 5th – WD of Media Queries Level 4 was published. – Luminosity (by ambient light sensors on devices) Image Sets – for retina, android, etc. (uses User-Agent and resolution)
Reducing means writing the shortest chain of elements possible in selectors, and dropping element qualifier. Equally important is creating appropriate selectors by favoring classes over IDs, avoiding the use of elements, and using combinator selectors that more directly target the element you need on the page.
Reusing involves creating generic classes instead of overly specific ones, and combining classes to create different visual outcomes.
Recycling involves better leveraging the cascade to cut down on redundant style declarations, modularizing page components to use throughout the site with minimum code and extending modules
Compass has functions to auto create sticky footers, grids, etc.
CSS Meetup at The Hive in Rock Hill, SC - 2014
A RandomTalk about Carolina Style Sheets
by John Rouda
1996 – Font Properties, alignment, etc.
Published in 1998
Superset of CSS1
Absolute, relative, fixed, etc.
Then, we found it was all wrong, and made CSS 2.1
Not a version of CSS (unlike 1, 2, 2.1)
Factored into Modules and modules are leveled.
Earliest drafts were in 1999.
By June 2012 over 50 CSS3 Modules were published:
Media Queries, Namespaces, Selectors, etc.
Less, Sass, Stylus and why use them at all?
For those that fear command line
For the Ruby folks
sudo gem install sass
sudo gem install compass
For the node.js folks
sudo npm install stylus -g
Reasons to Use a
There are frameworks built on them, such as Compass
built on Sass.
Easy to install – gem install sass, or less.app
Organizes your CSS
Makes your code easier to maintain
Makes your CSS DRY
Gives you what CSS should have to begin with:
Calculations, Functions,Variables, Nesting, Mixins, etc.