Printer-friendly version

(notes from a session at DrupalCon 2010)

Jen Simmons, Lullabot trainer

slides at extras.jensimmons.com/drupalconsf2010/css3.pdf

• CSS3 offers such candy as rounded corners, multiple background images, drop shadows, text shadows, image borders, columns, translucency, linear & radial gradients and reflections, fonts, and animations
• but what about the evil one? (IE) sites don't have to look the same in every browser!
• "progressive enhancement:" build standards, support will come.
• it is possible to hack IE to make it support CSS: http://css3please.com
• browser makers are adding features that aren't standard (yet), but it's OK.  Use browser-specific CSS for now.
• CSS working group is creating spec over time in "modules" similar to Drupal development.
• play with the new features: http://www.westciv.com/tools http://css3generator.com
• opacity with RGBA (better than moz-transparency) or HSLA
• transform: can rotate, skew, translate, scale, and even animate in one CSS command
• font-face: works in all browsers, but IE uses different fonts than others, so you need multiple formats. Also, many fonts that look fine on Mac look chunky or worse in Windows.
• css3.info is a great resource, but there are more all the time!