Painting With the Web
summary
Argues for treating the web as a material not a static canvas and shows concrete techniques: an updated dataset of 2,300 viewport sizes, layout built with CSS Grid and subgrid, responsive components via container queries (available since 2023), and typography using fluid typography with clamp and viewport math (including a prototype “space index” using VW×VH). Demonstrations use OKLCH and relative colors, CSS trig functions for scaling, and progressive enhancement; results run in modern browsers and produce resilient, accessible prototypes built and tested directly in the browser.
AI-written summary · about
chapters (13)
- 0:00Introduction to speaker
- 1:24The creative process
- 3:22Limitations of web tools
- 6:32Web as a design material
- 9:16History of the web
- 13:00Origins of CSS
- 16:07Embracing flexibility
- 19:18Progressive enhancement
- 20:26Fluid typography
- 28:10Modern color on the web
- 34:53CSS layout capabilities
- 39:23Bridging design and code
- 42:08Personal sites and conclusion
related talks
51mWeb Design Engineering With the New CSS
48mThe web is ready for great graphic design
01h 40mUser Interfaces in the Age of Intrinsic Web Design
25mBauhaus in the Browser
32mFall In Love With CSS
30mMake the Web Brighter with the CSS Paint API
32mMake the Web Brighter with the CSS Paint API
21mLove the web for what it is