Sessions at WordCamp San Francisco 2011 about CSS

Saturday 13th August 2011

• CSS3 Features: Making Snow in the Summer without JavaScript

  Improved browser support of CSS3 has allowed us to build a richer web with visual treatments like rounded corners, animations, transformations, gradients, transparency and drop-shadows. But with great power comes great responsibility. Just because you can add a skewed animated rainbow with drop shadow to your site doesn’t mean you should. In this session we’ll look at what’s really cool (pun intended) in CSS3 by making snow with CSS3. You’ll have to restrain yourself, though. Yes, we’ll cover transitions, transforms, keyframes and more. But just because you can, doesn’t mean you should.

  • CSS
  • CSS3

  At 10:30am to 11:15am, Saturday 13th August

  Coverage slide deck video

• CSS Pseudo Elements for Fun and Profit!

  What if for every HTML element on the page, you got two free ones? That’s what you get with the CSS pseudo elements ::before and ::after. You can use them as canvases to do all kinds of neat and practical design effects. We’ll cover how to use them and loads of real world examples.

  • CSS

  At 2:15pm to 3:00pm, Saturday 13th August

  Coverage video