~/talk

Scaling CSS Layout Beyond Pixels

Talkat beyond tellerrand Düsseldorf 2022 · 2022-05-02..05-03· [css, web-performance]
slides:none on file

Argues that pixels are obsolete and shows working CSS replacements: live demos use clamp(min, ideal, max) for fluid type, padding and gaps; grid patterns built with repeat(auto-fit, minmax(...)) and fr units to auto-flow cards; sizing with fit-content, min-content and max-content. Shows a modern container class and block‑flow rules that survive 400% browser zoom (320px) and reports grid supported since 2017 and clamp for about two years, with the demos improving spacing and reflow without heavy media queries.

AI-written summary · about

  1. 0:00Start
  2. 2:39Evolution of Web Design
  3. 9:34using clamp for intrinsic design
  4. 24:35margin-block layout spacing
  5. 31:02things I couldn't
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.