~/talk

Responsive Design vs. Adaptive Design

on YouTube 15m
Talkat ReactNext 2024 · on Monday, 2024-06-24· [css, react]

speaker

name:Adi Achituve
links:none on file

resources

video:https://youtu.be/jEUP6-g9Xus
slides:none on file

summary

Compares practical responsive techniques (flex, grid, relative units, image cover) with adaptive rules (media queries, named breakpoints) and shows when each prevents layout breakage using concrete examples like Netflix and Google Analytics mobile pain points. Demonstrates the newer CSS capability container queries (landed Sept 2022, supported in modern browsers) implemented via container-type / container-name so components adjust to their allocated space, not just viewport, and recommends using flex and grid plus a small set of global breakpoints.

AI-written summary · about

chapters (6)

  1. 0:00Introduction
  2. 2:09Responsive design explained
  3. 6:37Adaptive design explained
  4. 10:11Choosing design approach
  5. 11:58Container queries next gen
  6. 14:14Summary

related talks

~/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.