Bert Bos | CSS masterclass – Amsterdam 2012

CSS masterclass

Cascading Style Sheets

Bert Bos (W3C) <bert@w3.org>
with contributions by
Eva Kasal <evakasal@gmail.com>

Presented at:
W3C/ISOC Masterclasses
CWI, Amsterdam
13 September 2012

About the tutorial

CSS is still growing. Every once in a while the CSS working group at W3C publishes a “Snapshot” that describes what is stable so far.

The current one is CSS Snapshot 2010 and contains

This presentation assumes the audience already knows level 2 (and also the style attribute, which is from HTML 4), and treats a selection of features from level 3. It starts with the stable modules (Media Queries, Selectors and Color) and continues with the others more or less in the order from most to least stable.

What is stable is a matter of judgment, of course. It may be that more problems are found with the “stable” modules than expected at this time.

What is clear, however, is that the included demonstrations for modules later in the list work on fewer implementations. Indeed, for all the modules after the break only experimental implementations exist at this time.

About the authors

This masterclass includes material developed for a tutorial at the WWW2012 conference in Lyon, April 2012. That tutorial was written en presented jointly by Eva Kasal and Bert Bos.

Eva Kasal is a freelance trainer and consultant, specialized in Web standards and ergonomics of Web sites. She teaches Web design at the Gobelins Art school and at Pyramyd Formations, both in Paris, and also leads on-site Web projects for enterprises. She is based in Paris, France.

Bert Bos is the co-inventor (with Håkon Wium Lie) of CSS and works as an Activity Lead for W3C, currently for CSS and MathML. He is based at ERCIM, the European W3C host in Sophia-Antipolis, France.


Time Topic
13:30 Overview
13:40 Backgrounds
13:50 Borders
14:00 Multi-column
14:10 Media queries
14:20 Selectors
14:30 Colors
14:35 Fonts
14:45 Values & Units
14:55 (Questions)
15:10 Break
Time Topic
15:25 Transforms 2d
15:35 Transforms 3d
15:45 Transitions
15:55 Animations
16:10 Grid template layout
16:20 Flexbox
16:30 Exclusions
16:40 (Questions)
17:00 End


Only a small selection…

We won't talk today about…

CSS is big and growing. (It maybe shouldn't have been, but…) So we can only treat a small part today.

The end



To Lead the Web to its full potential

To Anticipate the Trends

To Increase your company value

Join W3C


or contact: Bernard Gidon <bgidon@w3.org>


Pour Développer le potentiel du Web

Pour Anticiper les évolutions technologiques

Pour Augmenter la valeur et visibilité de votre organisation

Rejoigner le W3C


ou contacter : Bernard Gidon <bgidon@w3.org>


Om het volle potentieel van het Web te ontwikkelen

Om de trends voor te zijn

Om de waarde van uw bedrijf te vergroten

Word lid van W3C


of neem contact op: Bernard Gidon <bgidon@w3.org>

Bert Bos <bert@w3.org>
GPG fingerprint: 7744 0204 52A5 14D9 147D
2A13 2D7A E420 184B 5BA4