Sessions at Web Directions South 2011 about CSS3 and CSS

Thursday 13th October 2011

• CSS3 - the web's Swiss Army Knife updated and improved

  by Stephanie Sullivan Rewis

  Throughout the years, the Swiss Army Knife has been the trusted companion of scouts and explorers alike, and for front-end developers, CSS has been a trusty, if sometimes frustrating, companion. And just as blades, scissors and sundry tools have been added to the Swiss Army Knife, with CSS3, we have new tools and implements of creativity, and some tried and true tools have been honed and sharpened. Of course the key to success is knowing which of the many tools to use and how to wield them in a given situation. Join Stephanie Rewis as she explores some shiny enhancements to favorite old tools like backgrounds and borders, as well as slices and dices with new tools like CSS masks and more!

  • CSS
  • CSS3

  At 11:45am to 12:40pm, Thursday 13th October

  In Design Track, Sydney Convention & Exhibition Centre

Friday 14th October 2011

• CSS Power Tools

  by Nicole Sullivan

  Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include:

  • Validators
  • Preprocessors
  • Finding dead rules
  • Linting
  • CSS3 gradient tools
  • Performance measurement tools
  • Unit testing
  • CSS
  • CSS3

  At 1:45pm to 2:35pm, Friday 14th October

  In Development Track, Sydney Convention & Exhibition Centre

• Move It! CSS3 Transitions and Animations

  by Greg Rewis

  Since the early days of the web, the only reliable way to get movement on your site was through Flash, or more recently, Javascript. But now, with WebKit and Mozilla leading the way, transformations and transitions can be done with pure CSS, even on mobile devices. And for those in need of even more movement, CSS3 provides for keyframe-based animations. In this session, we’ll take a look at all of the possibilities and explore what works and where — from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks.

  • CSS
  • CSS3

  At 2:40pm to 3:30pm, Friday 14th October

  In Design Track, Sydney Convention & Exhibition Centre

  Coverage slide deck audio clip