Web UI
summary
Six concrete changes to try tonight: cascade layers are stable across browsers and let you declare layer order and import third-party CSS into base / typography / utilities; accent-color styles native form controls with one line; subgrid works in Firefox and Safari (Chromium in progress) to align child layout to parent; :has lets CSS select parents and reduce JS (e.g., N+5 credits and card layouts); container queries (Chromium 105, Safari 16) add @container for component-driven breakpoints; Open UI APIs (selectmenu behind a Chromium flag, pop-up and anchor positioning experimental) are prototypeable now.
AI-written summary · about
chapters (10)
- 0:00Introduction to Web UI
- 2:01Why Web UI matters now
- 4:21Cascade layers in CSS
- 9:09Styling with accent-color
- 10:45CSS subgrid explained
- 13:06Parent selector with :has
- 21:08Container queries revolution
- 27:20Future with Open UI
- 34:04Golden era of web UI
- 35:52Q&A on legacy and modern CSS
related talks
51mEverything You Should Know About Web Development in 2022
17mNowwwinky
50mHow to Rock Your Frontend Apps with 10 Awesome CSS Features!
56mModern CSS For Dynamic Component-Based Architecture
47mCSS Rises from the Ashes: (Re)Make Friends with Your Stylesheet
17mNowwwinky
55mSmart Layouts
17mSimplicity panel