~/panel

Panel 4: Responsive Layout

on YouTube 49m
Panelat Edge Conference 2013 · on Saturday, 2013-02-09· [css, web-platform]

speakers

name:George Crawford
links:none on file
name:Razvan Caliman
github:oslego
name:Andy Hume
links:none on file
name:Amber Weinberg
website:https://www.ravelry.com/people/amberweinberg

resources

video:https://youtu.be/WhZpKdQcKhU
slides:none on file

summary

Demonstrations focus on real solutions not platitudes: a JavaScript polyfill called FT Columnflow clones and reflows paragraphs to simulate magazine columns but requires fonts to load first and inflates DOM weight; hyphenation via JS runs an entire article in 10 milliseconds; server-side image resizing and base64 caching trade bandwidth for offline speed and can balloon storage; upcoming browser features like CSS Regions and Grid promise to replace hacks. Watch if you care about concrete layout hacks, tradeoffs and migration paths to native CSS.

AI-written summary · about

chapters (10)

  1. 0:00Start
  2. 0:15George Crawford
  3. 1:06Responsive Design
  4. 3:57Column Layout
  5. 6:48The Economist Responsive Layout
  6. 7:38Typographic Measure
  7. 10:10Hyphenation
  8. 24:57New Css Layout Modules
  9. 25:46Would It Be Useful To Have Native Css Media Queries at the Elements Component Widget Level and Not Just the Viewport
  10. 31:36Media Queries

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.