~/talk

The New CSS Layout

Talkat dotCSS 2015 · on Friday, 2015-12-04· [css]
slides:none on file

Claims that Flexbox, CSS Grid Layout and the Box Alignment Model form a cohesive new layout system and demonstrates actual code: flex: 1 1 200px showing grow/shrink/basis behavior, grid autoflow: dense revealing backfilling that can reorder source visually, and the 1fr unit dividing remaining space like flex grow. Built examples include Holy Grail with fixed sidebars and responsive center column; browser status is concrete — flex broadly supported, grid available behind flags or prefixed in Blink/WebKit and Firefox nightly, Edge prioritizes updates.

AI-written summary · about

  1. 0:00Intro
  2. 1:27Full Height Columns
  3. 7:48Vertical Alignment
  4. 8:17Vertical Centering
  5. 14:08Grid
~/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.