Coming Soon to CSS

on YouTube ↗36m

" summary

Latest CSS features and browser status: gap works for flex layouts with flexbox gap in Chrome and Firefox while Safari still lags and @supports can’t detect layout‑specific gap support; an aspect-ratio property (Chrome Canary behind flag) lets grid items and images preserve ratios and recommends restoring width/height to avoid layout jank; Firefox ships subgrid and a masonry prototype, with subgrid in Firefox, coming to Chromium via LayoutNG; list markers gain styling via ::marker in Chrome 86 and Firefox and a proposed leading-trim property aims to remove extra text spacing.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:24New CSS features overview
3. 5:39Aspect ratio property
4. 9:10Masonry layout in CSS
5. 11:57Subgrid in CSS Grid
6. 13:23Reduced data media queries
7. 15:48Marker pseudo-element
8. 17:33Leading trim property
9. 19:21Contributing to CSS specs
10. 24:21How to get involved
11. 32:50Q&A session

" related talks

• 50mPresent and Future of CSS LayoutTab Atkins · CSS Day 2014
• 32mCSS Grids: the Near Future of LayoutMassimo Artizzu · CSS Day 2017
• 24mThere will be gridMarco Pantaleo · JSUnconf 2017
• 37mWhat's New in CSS?Rachel Andrew · Pixel Pioneers Bristol 2022
• 51mWhat's New in CSS?Rachel Andrew · Øredev 2018
• 01h 02mStart Using CSS Grid Layout TodayRachel Andrew · Frontend United 2017
• 24mThe Future of CSSTab Atkins · CSSConf Oakland 2014
• 33mNew CSS Features You Can Use TodayRachel Andrew · revo.js 2023