Pushing the Limits of CSS - Web Design World 2009 - Seattle

26
Pushing the Limits of CSS Seattle, July 2009 Dan Rubin Sidebar Creative

description

This presentation was half live-demo, so for those who weren't in Seattle for the talk, I've added an extra slide linking to the WooThemes template that was demoed.

Transcript of Pushing the Limits of CSS - Web Design World 2009 - Seattle

Page 1: Pushing the Limits of CSS - Web Design World 2009 - Seattle

Pushing the Limits of CSS

Seattle, July 2009

Dan RubinSidebar Creative

Page 2: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Me, according to nGen works @ http://happywebbies.com/

Hi!Dan Rubinsuperfluousbanter.org@danrubin

Page 3: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Pro CSSTechniques

Jeff CroftIan LloydDan Rubin

by

Page 4: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Buy mybooks

Page 5: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Starbucks is evil

Page 6: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

I’m really Jared Spool

Page 7: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

CSS3

Page 8: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

BrowserSupport

Page 9: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Browser Support for CSS3 Properties

http://westciv.com/wiki/Experimental_CSS_compatibility_table

Page 10: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

URL: http://westciv.com/wiki/Experimental_CSS_compatibility_table

Page 11: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Bonus: iPhone

Page 12: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Practical Application

Page 13: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

URL: http://24ways.org

Page 14: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

URL: http://handcraftedcss.com

Page 15: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

URL: http://forabeautifulweb.com

Page 16: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

URL: http://www.woothemes.com/demo/?t=40

Page 17: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Stop!Demo Time.

Page 18: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

for folks who weren’t there: this is where I did a long demo of BigEasy, my WooThemes theme, to show CSS3 at work — view source on the demo to see everything in action:http://www.woothemes.com/demo/?t=40

Psst!

Page 19: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

But what about IE?

Page 20: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Page 21: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

CSS Animation & Transforms

Page 22: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Test and Experiment

Page 23: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

VirtualFor a Beautiful Web – Andy Clarkehttp://forabeautifulweb.com/

Rounded Corners the CSS3 Way – Andy Buddhttp://24ways.org/2006/rounded-corner-boxes-the-css3-way

PhysicalHandcrafted CSS: More Bulletproof Web Design– Dan Cederholm with Ethan Marcotte

Page 24: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Page 25: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

Questions?

Page 26: Pushing the Limits of CSS - Web Design World 2009 - Seattle

©2009 Dan Rubin » http://sidebarcreative.com

Pushing the Limits of CSS Seattle, July 2009

fin.slideshare.net/danrubintwitter: @danrubin