Adobe MAX slides and resources
Download the slides for my presentation on Designing with CSS3 Effectively and Efficiently for Adobe MAX, as well as get links to related resources on CSS3 effects, benefits, and media queries.
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:
Designing with CSS3 Effectively & Efficiently (PDF, 3.3 mb)
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
- 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
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 site I showed during my presentation will eventually be hosted. For now, check out the CSS used on the site to see a wide variety of CSS3 techniques in use.
Stunning CSS3: A Project-based Guide to the Latest in CSS
Flexible Web Design: Creating Liquid and Elastic Layouts with CSS
5 Comments
You can follow the comments for this post through the comments RSS feed.
1
Tweets that mention zomigi.com » Adobe MAX slides and resources -- Topsy.com wrote on October 27, 2010, at 12:40 am:
[...] This post was mentioned on Twitter by Pablo Lara H, KV. KV said: Download the slides for presentation on Designing with #CSS3 Effectively and Efficiently for Adobe MAX via @zomigi http://ow.ly/300gW [...]
2
Brent wrote on November 01, 2010, at 6:58 pm:
The Adobe Max “Designing with CSS3 Effectively & Efficiently” does not work. It delivers a 404 error. Please can you check the link.
3
Zoe Gillenwater wrote on November 01, 2010, at 8:39 pm:
Sorry about that! It was broken, then I fixed it and tested it, then somehow it became broken again. I think WordPress is munging relative URLs or something. Anyway, it’s fixed again now. Sorry again!
4
zomigi.com » Adobe MAX slides and resources : Popular Links : eConsultant wrote on November 04, 2010, at 7:56 am:
[...] original here: zomigi.com » Adobe MAX slides and resources 1 November 2010 | Uncategorized | Trackback | del.icio.us | Stumble it! | View Count : 0 Next [...]
5
zomigi.com » Examples of flexible layouts with CSS3 media queries wrote on January 12, 2011, at 6:03 pm:
[...] my CSS3 presentation that I’ve given several times over the past year, the part that seems to impress the audience [...]