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.
The Future is Now
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 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.