CSS Resources

A collection of useful links to CSS tutorials and guides

Reference


Meaningful CSS: Style Like You Mean It · An A List Apart Article

CSS Div stretch 100% page height

Box positioning in CSS

Learn CSS Layout The Pedantic Way

CSS Shapes 101

Precomilers

Sass: Syntactically Awesome Style Sheets

What Will Save Us from the Dark Side of CSS Pre-Processors?

DRY-ing Out Your Sass Mixins

 

CSS frameworks

http://materializecss.com

bootstrap

foundation

 

 Browser Inspector

What does it mean when a CSS rule is grayed out in Chrome’s element inspector?

css – difference between Safari web inspector strike throughs –Stack Overflow

A red strike through indicates an error, such as an invalid value or a syntax error, and a black strike through means that the rule is ignored, usually because it has been overridden.

In your example, the -webkit-box-shadow rule is crossed out in red because of an invalid value (rbga instead of rgba).

 


Media Queries

css – How Should CSS3 Media Queries be Managed? – Stack Overflow

Making Inline Media Queries Even Better with Breakpoint Sass

7 Habits of Highly Effective Media Queries | Brad Frost

Where to put CSS3 Media Queries? – CSS-Tricks