What's New in CSS?
summary
Grid level 1 is grid level 1 at Candidate Recommendation and ships in all major browsers (landed across vendors in 2017 within weeks); subgrid delayed to level 2 because it lacks implementations. Box Alignment extracts gaps and spacing so you get gap in flex now shipping in Firefox instead of margin hacks. Use intrinsic sizing keywords like min-content/max-content/fit-content, try scroll snapping and scrollbar-color, test conic gradients (currently conic gradients in Chrome) and experiment with Houdini, shape-outside and feature queries (@supports) to progressively enhance.
AI-written summary · about
chapters (21)
- 0:00Intro
- 1:38Slides, code & resources
- 4:22CSS Spec Levels
- 5:38CSS Selectors Level 3
- 7:33Multiple- column Layout
- 9:19Candidate Recommendation Gathering implementation Experience
- 9:57To exit CR Status The specification needs two independent implementations of each feature
- 14:09CSS Box Alignment
- 18:35Intrinsic Sizing Keywords
- 19:17min-content
- 20:47fit-content
- 22:17Sizing strings
- 23:11Scroll Snap
- 26:22Scrollbars
- 27:28scrollbar-width
- 28:42Shapes
- 31:25Conic Gradients
- 36:47Aspect Ratio Units
- 41:05Editorial layouts, exclusions & CSS Grid
- 41:41CSS Houdini
- 49:37Tell browsers what you want
