CSS: Go from Good to Great

Javascript & HTML5
Location: Portland 252 Level: Intermediate
Average rating: ****.
(4.30, 20 ratings)

Web development without Photoshop and without IDs or classes? What was impossible 5 years ago is almost simple to do with CSS3. Prototyping with CSS3 (versus sliced up images) has made the development process fun again. Yes, there is new syntax to learn, and different browsers sometimes require slightly different markup, but the power is worth the pain. And, once you understand the syntax, there are tools so CSS3 isn’t a memorization game. Improved development time, reduced maintenance costs, SEO, accessibility and site performance? What more could you ask for?

How about all of it, all in 3 hours! In this 3-hour tutorial you will learn about the capabilities of CSS3, progressive design principles, time saving techniques, and debugging and development tools. Yes, we’ll cover rounded corners, but this skills-based workshop will cover so much more, from basics like CSS Specificity to advanced selectors, media queries, colors, border effects, background effects, gradients, animations, transitions and transformations, the .

Many advanced CSS2 and CSS3 features and the issues surrounding them, including:

Selectors, specificity, media queries, colors, border effects, background effects, gradients, animations, transitions and transformations.
Hacks, browser support and browser quirks
Tools for creating CSS3 (once you fully understand the syntax)
CSS Debuggers: Use browser tools to debug and pixel perfect

This workshop is targeted at designers and developers who already work with CSS, and perhaps even use some features of CSS3, and want to become really proficient in advanced features of CSS3.

Laptop with Chrome installed.

Photo of Estelle Weyl

Estelle Weyl

Instart Logic

Estelle Weyl started her professional life in architecture, then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, Yahoo! and Apple, among others. Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML in her blog at http://evotech.net/blog and provides tutorials and detailed grids of CSS3 and HTML5 browser support in her blog at http://www.standardista.com. She is the author of HTML5, CSS3, and JavaScript for Mobile and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960’s throwback abode.

Comments on this page are now closed.


Picture of Estelle Weyl
Estelle Weyl
07/03/2012 8:03am PDT

Please ensure you have Google Chrome installed on your laptop. The presentation is optimized to be viewed in this browser. If you have questions, ask away. Looking forward to meeting all of you.


For information on exhibition and sponsorship opportunities at the conference, contact Sharon Cordesse at (707) 827-7065 or scordesse@oreilly.com.

View a complete list of OSCON contacts