Workshop: CSS Deep Dive

A session at WDCNZ 2015

Wednesday 22nd July, 2015

9:00am to 4:00pm (NZMT)

Learn how deep the CSS3 rabbit hole goes in this jam-packed course with CSS luminary Estelle Weyl. Estelle dives deep into the various components of CSS3 including selectors, gradients, transforms, transitions, animations, flexbox and more!
Selectors: Pick an element, any element. Style it. Manipulate it. No IDs. No classes. No jQuery necessary. Selectors are used in Web Components, JavaScript and in your stylesheets. Learn how to select any DOM node based on attributes, relation to other elements, location in the DOM, or just an element’s mere existence. We will also cover generated content, and provide a thorough explanation of CSS Specificity.
CSS3 Animation allows us to build a richer web with visual treatments, but with great power comes great responsibility. Yes, we'll cover transitions, transforms, keyframes and more. We’ll cover more than just the simple stuff: This animation deep dive will cover tips and tricks: the subtleties, quirks, performance gotchas and "never thought of that”s. You'll have to restrain yourself, though. But just because you can, doesn't mean you should.
Flexbox enables easy creation of fluid, responsive layouts. Without worrying about floats, margins, or even math, we can dictate how a page appears, simply vertically centering content in same height columns. With excellent browser support (finally), we’ll soon be able to forget about CSS layout quirks, display hacks, and hasLayout.
CSS really is awesome.

About the speaker

This person is speaking at this event.
Estelle Weyl

Looking at your source code since 1999.

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 9:00am4:00pm NZMT

Date Wed 22nd July 2015

Short URL


Official event site


View the schedule


Books by speaker

  • HTML5 y CSS3 / HTML5 and CSS3 (Spanish Edition)
  • HTML5: The Definitive Guide
  • Mobile HTML5

See something wrong?

Report an issue with this session