Frontend News #7: CSS Masonry, Accessible Accordion Components, CSS Music Video

Find out what CSS Masonry syntax might look like, how to create accessible accordions, which CSS property can trigger Layout, Paint, or Composite, watch the first ever CSS-only music video, and more.

Find out what CSS Masonry syntax might look like, how to create accessible accordions, which CSS property can trigger Layout, Paint, or Composite, watch the first ever CSS-only music video, and more.

Product for Engineers

CSS Weekly Explainers

• Exclusive Accordions
• The calc-size() Function
• The interpolate-size Property
• The color-scheme Property

Chapters

• 00:00 About this Episode
• 00:28 Choosing a Masonry Syntax in CSS
• 02:13 New to the web platform in September
• 03:24 The color-scheme Property
• 04:20 Product for Engineers
• 05:02 Tools and Techniques to Create Accessible Accordion Components
• 05:31 CSS Triggers
• 06:11 CSS Music Video
• 06:47 A challenge for you