Sessions at CSS Summit 2012 about CSS3

Tuesday 31st July 2012

• CSS3 Selectors

  by Rachel Andrew

  The session will also cover practical methods of dealing with older browsers that do not have support for certain selectors, explaining how you might provide support using JavaScript - be that by using a polyfill designed to tackle many issues at once or addressing these on a case by case basis in your own JavaScript.
  This session gives a solid grounding on modern CSS techniques that delegates can start to use in the projects today.

  • CSS3

  At 10:00am to 10:45am, Tuesday 31st July

  Coverage handout slide deck

• CSS3 & Transforms

  by Tiffany B. Brown

  Want to make your images spin 720 degrees before zipping off screen? How about making your text glide "Star Wars" style? Transforms to the rescue!

  In this talk, we'll cover:

  • How 2D and 3D transforms work.
  • The current status of the specification.
  • Combining transforms with transitions and animations.
  • CSS3

  At 1:00pm to 1:45pm, Tuesday 31st July

  Coverage handout note slide deck

• CSS3 Transitions & Animations

  by Estelle Weyl

  A dead battery is bad user experience.

  Animating with JavaScript (or with Flash when installed), can suck the life out of your users' batteries really fast. Want to be cool and not hated? While not a panacea, CSS3 Animations can be the solution.

  With CSS3 transitions and animations -- and without any JavaScript -- you can recreate almost all of the effects previously reserved to the realm of plugins, without making your users hate you.

  From the basics of animation keyframes, to expert tips that will save you many a headache, Estelle takes you on a look at all you need to know to get you up and running with CSS3 transitions and animations.

  • CSS3

  At 2:00pm to 2:45pm, Tuesday 31st July

  Coverage slide deck

• CSS3 Polyfills

  by Jason Johnston

  Of course we all love the power of CSS3 in today's modern browsers. But what about when your users are running outdated browsers, and giving them a degraded experience just isn't an option? Are we stuck wasting our time writing dumbed-down and hacky code?

  Polyfills to the rescue! But there are so many available, and lots of pros and cons to consider. In this session we'll introduce several of the more useful CSS3 polyfills, discuss their features and pitfalls, and explore some of the details of how they work their magic. When we're done you'll be able to use polyfills like a pro.

  • CSS3

  At 3:00pm to 3:45pm, Tuesday 31st July