AEA12: The Future is Now

AEA12: The Future is Now Picture

There is a lot of activity happening in CSS right now. Not only are several popular aspects of CSS evolving, but major new ideas are being proposed and, in some cases, already implemented. From selectors to regions, from flexible boxes to filters, from conditionals to compositing, there is a lot coming. In this session we’ll take a look at the most popular and pressing modules, how they’ll affect what you do, and, most importantly, how you can help shape their evolution.

Eric Meyer
The Future is Now
@meyerweb

Talking about the near future of CSS.

If you are using labels wrap them around their inputs.

“Form elements are the devil.”

Beware of text shadow and box shadow ordering.

  • The first shadow you list is on top. The first one wins. Similar to layers in Photoshop.
  • Not intuitive according to what we are used to in the cascade.

Inset Box Shadows allow you to create a box shadow effect.

Gradients

  • Gradients currently use math angles.
  • Gradients will use compass angles.
  • Animations use compass angles.
  • For the sake of consistency, compass angles won.
  • 90-X= to convert from one coordinate system to the other. X is the coordinate system that you are converting from.
  • Prefixed code uses math angles while un-prefixed uses compass.
  • Using keywords: Prefixed version: bottom Un-prefixed version: to top.
  • Setting color stops allow more control.
  • Can use gradients and hard stops to create a background effect. Can be used in other creative ways.
  • Linear gradients are images even though you code them in CSS. It’s the same as calling a URL or a data URL.
  • You’re not creating visual effects with CSS, you’re creating images in CSS.
  • You can mix linear gradients and image files.

Border radius starts in the top left corner.

(text-rendering: optimizeLegibility) - Webkit, Firefox support.

⇠ Next Article Previous Article ⇢

About The Author

G. Brad Hopkins's avatar
  • G. Brad Hopkins
  • About Me: I bought my first computer - an Apple Performa 6320 - when I was in college and have been building websites ever since. These days I spend most of my time writing code and helping to bring interesting projects to life.
  • @gbradhopkins