CSS Reading List

Explanations

• How z-index Works | bitsofcode
• » A Responsive Guide to Type Sizing
• Benefits of Maintainable CSS - I highly recommend reading this before you start your next CSS project.
• CSS List Style Types
• Minimal Markup, Surprising Style
• Writing DRYer Vanilla CSS
• You might not need a CSS framework
• Apple Pie, A Better Way to Build Interfaces
• Classes? Where We're Going We Don't Need Classes

General Reference Material

• Debugging CSS
• Stylesheets
• » The EMs have it: Proportional Media Queries
• A Harder Working Class - thoughts and ideas on naming structures
• Absolutely centered boxes (responsive!)
• CSS Hover - ByPeople
• CSS Only Responsive Tables
• CSS Frameworks
• Pure CSS Image Hover Effect Library
• Future CSS
• Buttons - A CSS button library built with Sass and Compass
• CSS Shake
• Magic of CSS
• Rethinking CSS Grids
• Sizing with CSS3's vw and vh units
• Ultimate CSS Gradient Generator
• Lint your CSS with stylelint
• CSS Sorcery
• Some CSS tricks
• WebKit Filters and the CSS Filters Playground
• Pure CSS GUI icons
• Everything you ever needed to know about CSS3
• Onine Editor for CSS and HTML - super easy to use.
• CSS Code Snippets
• Progress Button Styles - way cool
• CSS Fundamentals
• CSS Gradients
• Intro to CSS Selectors
• Crafting Quality Media Queries
• Low Level CSS Tools - Base CSS a collection of core CSS components that works as a great starting point.
• Cleaning up a CSS Codebase
• CSS Shorthand Generator
• REM vs EM – The Great Debate | Zell Liew's blog about web design and development
• CSS Guidelines
• The :target Trick
• 12 Little-Known CSS Facts
• 50+ Interesting CSS Properties & Values
• Free CSS Generator

Flexbox

• Grid Layout and Flexbox
• Designing A Product Page Layout with Flexbox | CSS-Tricks

Reference

• Notification Styles Inspiration
• Nifty Modal Window Effects
• Tools for Structuring & Optimizing Your CSS Code