It Came From The Browser
summary
Walks through modern CSS the browser already supports: live CodePen demos show block-size/inline-size replace width/height (Ionic uses them), accent-color tints checkboxes radios ranges progress, and aspect-ratio for responsive hero images and iframes. Covers ::marker, :where versus :is (specificity difference), focus-within and :focus-visible for keyboard accessibility, nesting syntax, conic-gradient borders, and subgrid (working in Firefox). Notes compatibility: Chrome/Edge/Firefox mostly good, Safari lagging and IE11 unsupported; demos mostly work but some require iframes or polyfills.
AI-written summary · about
chapters (18)
- 0:00Start
- 0:38Who Is Excited for the New Ghostbusters Movie To Come Out
- 4:18Official Event Hashtag
- 9:40Css and Js
- 11:21Logical Properties
- 12:24Block Size
- 17:49Accent Color
- 19:15Wcag 2 1 Web Content Accessibility Guidelines
- 20:18Themes
- 24:03Aspect Ratio
- 25:05Responsive Iframes
- 25:18Aspect Ratio Hero Images
- 49:45Focus Visible
- 54:40Gradient Shadows
- 55:13Konig Gradients
- 55:27Pie Charts and Gradients
- 56:14Kona Gradient Border
- 58:47Resources
