Best of Google Chrome — October 2024

1. 1
   Article

   LogRocket·2y

   Simplifying CSS animations with the display and size properties

   Recent updates in Chrome have introduced new features that simplify animating CSS properties like display and size. Traditionally, developers faced challenges animating properties like display and height: auto, often relying on opacity or JavaScript workarounds. The new additions, such as keyframe animations for display, the calc-size() function, and the transition-behavior property, facilitate smoother animations without complex code. These improvements make CSS animations more accessible and efficient.

   109

   2
2. 2
   Video

   Dave Gray·2y

   Google Chrome Engineer Reveals the Skills You Need to Succeed | Addy Osmani, React Summit & JSNation

   Addy Osmani, a Google Chrome engineer and best-selling author, discusses essential skills for web development beginners, emphasizing a balanced approach between learning fundamentals and modern tools. He also provides insights into his book on building large-scale web apps and previews his upcoming talks at React Summit and JSNation, focusing on developer tooling and productivity enhancements with DevTools.

   18
3. 3
   Article

   Chrome Developers·2y

   The box-decoration-break property in Chrome 130

   Chrome 130 introduces the CSS property `box-decoration-break` with the `clone` value, which supports inline and block fragmentation. This property ensures that each fragment of a box (whether inline elements breaking over lines or block elements in columns) maintains its border and background, avoiding the default slicing effect.

   12