CSS3 book launch event

In a few hours I’ll be speaking at the online CSS3 Book Launch on “Real-world CSS3.” I’ll be talking about ways CSS3 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 include a case study of a real site’s loading time and appearance before and after CSS3. I also talk in-depth about the example site from Stunning CSS3 that uses media queries to improve its appearance and usability at different screen sizes.

You can view the slides on SlideShare, or download the slides here:

Real-world CSS3 (PDF, 2.3 mb)

Slides always make more sense with the person talking over them, so I hope you’ll register for the free event and come see me live! Jason Cranford Teague will also be speaking about a variety of cool CSS3 stuff related to his book CSS3 Visual Quickstart Guide. Finally, Peachpit is giving away a bunch of copies of our books. It’s a great chance to get your questions about CSS3 answered and possibly score a new book as well. It’s today from 3 pm to 5 pm Eastern time, but if you can’t make it then you can still register and watch the recording later.

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

Benefits of CSS3

• CSS3 and Veer navigation
• How to: Get CSS3 box-shadow and border-radius accepted as a viable option at your workplace

Media Queries

• Examples of flexible layouts with CSS3 media queries
• Web round up #11: The best responsive web design examples and resources
• Responsive Web Design: What It Is and How To Use It
• A tale of two viewports – part two
• The viewport metatag (Mobile web part 1)
• The orientation media query
• Detecting device size & orientation in CSS
• Designing for the Retina Display (326ppi)
• Protofluid
• css3-mediaqueries-js
• Dreamweaver CS5 media queries

Flexible Layouts

• 70+ essential resources for creating liquid and elastic layouts
• Flexible Web Design: Creating Liquid and Elastic Layouts with CSS
• Examples of flexible layouts with CSS3 media queries

Performance

• The performance business pitch
• Using site speed in web search ranking
• Bing and Google Agree: Slow Pages Lose Users

Finally, if you’re interested in learning more about my book, Stunning CSS3: A Project-based Guide to the Latest in CSS, head on over to www.stunningcss3.com. That’s where the example files for the media query bakery site I show during my presentation are hosted, as well as a sample excerpt from chapter 6 that explains how to build the media queries for that site.