I'm Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with HTML, CSS and SVG. To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

my books

Pro CSS3 Animation book coverPro CSS3 Animation, Apress, 2013

my other blogs

Massive Head CanonMassive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

The New DefaultsThe New Defaults — A Sass color keyword system for designers.

CSSslidyCSSslidy — an auto-generated #RWD image slider. 3.8K of JS, no JQuery.

A Complete Reading List For CSS

From selectors to filters

Photograph of the Milky Way above the Mobius Arch in the Alabama Hills

This resource addresses everything in CSS from selectors to filters, covering I would consider the fundamentals of Cascading Style Sheets: naturally, “complete” is a relative term. The list will be added to over time, as the CSS specification continues to grow: I have several series currently in production (including flexbox and shapes) that will be added in due course.

Each module contains supplementary material, recommended exercises, external references and suggested exercises. If you have feedback, corrections or suggestions, please feel free to contribute in the comments section below.

Goal: learn and apply CSS to enhance the presentation of web page content.

Prerequisites: Reading List for HTML

Total time (core material): 60 hours

  1. Typography
  2. Images
  3. Forms & Tables
  4. CSS 3D
  5. Print

When You’re Done

CSS controls the appearance of web page elements, with limited interactivity. To add that kind of behaviour – and much more – you need to learn how to apply JavaScript, currently in its own category on this blog, with a reading list to follow. In the meantime, I would suggest working through the reading lists for accessibility and search engine optimisation.

Photograph of the Milky Way, Mobius Arch in the Alabama Hills by Kartik Ramanathan, used under a Attribution Non-commercial No-Derivations 2.0 generic license

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.