I just finished speaking at Adobe MAX on “Designing with CSS3 Effectively & Efficiently,” the latest iteration of the talk I gave at Web Directions USA, the CSS Summit, and ConvergeSE. I talked about how CSS3 is about more than making things look pretty (though itâ€™s really good at that too). Many CSS3 techniques can reduce your development times, decrease page loading times, improve usability, and increase the adaptability of your pages to different devices (including iPads, iPhones, and Android smart phones). I showed examples of the pieces of CSS3 you can add to your web sites right now and how they might benefit your projects in tangible ways. I included a case study of a real site’s loading time and appearance before and after CSS3, plus an example page built using media queries to improve its appearance and usability at different screen sizes.
You can view the slides on SlideShare, or download the slides here:
Here are several links to related resources that I couldn’t put in the slides but which you might find useful.
Beginner CSS3 Articles
- Start Using CSS3 Today: Techniques and Tutorials
- Modern CSS Layouts: The Essential Characteristics
- Modern CSS Layouts, Part 2: The Essential Techniques
- Prefix or Posthack