HighEdWeb 2010 Post-Conference Workshop: CSS3…In 3D!
The advent of CSS3 allows for greater control and creativity in Web design. Attendees in this workshop will learn about using colors through RGBa and opacity, border images, text and box shadows, animations, transformations, and much much more to enrich their Web designs. And, yes, free 3D glasses will be distributed to attendees!
Web Design Specialist, Heatvision.com, Inc.
The founder of Heat Vision, a small new media publishing and design firm, Christopher is an award-winning Web design specialist who has been working with the Web since 1993. As a sought-after speaker and trainer, Christopher regularly demonstrates the use and benefits of practical standards-based designs. He is co-lead of the Adobe Task Force for the Web Standards Project (WaSP) in addition to being a contributing member of its Education Task Force. Author of numerous Web design and digital imaging books, including Adapting to Web Standards: CSS and Ajax for Big Sites and CSS Cookbook, Christopher has also written for New Architect Magazine, A List Apart, Digital Web, and Web Reference.
– Apple used Safari to add behaviors
– Split into modules
— Media Queries
Firefox 3+, Opera 10+, Safari support rgba
IE can use filter:progid:DXImageTransform.Microsoft.gradient(startColor….
welcome.totheinter.net for jquery plugin
you can define them
book “fluid web typography”
— box-shadow:x,y,depth, rgba
— border-image:url, t, r, b, l, stretch, stretch
— border-radius:px (or border-top-left….
background-image: -webkit-gradient(radial, center center,900,center bottom, o, from(#abc), to(#cba))
-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(1,2,3,1))
Complex animated links
Animating elements // not a:hover