1. Using translate3d forces hardware acceleration for smoother animations. 2. The text-decoration property now has a shorthand that allows setting the line, style, and color for funkier text effects. 3. Applying -webkit-font-smoothing: antialiased makes fonts appear smoother, but should be used judiciously.

1. OH CSS!
5 Quick Things
@vishu17

2. 1 translate3d forces
hardware acceleration
.class {
-webkit-transform: translate3d(0, 0, 0);
}
Result: Smoother animations

3. 2 text-decoration now has
a shorthand standard
.class {
text-decoration: <line> <style> <color>;
}
Result: Funkier text

4. 3 antialiased font
rendering (use wisely)
.class {
-webkit-font-smoothing: antialiased;
}
Result: Smoother fonts
read
more

5. 4 box-sizing all the way!
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Result: Flawless box-ing
read
more

6. 5 Flexbox Layouts
someday
.class {
display: flex;
}
Result: Magic
read
more