Cutting-Edge Responsive Web Design
summary
Shows exact hacks and results: using a custom emoji font to force consistent glyphs across platforms, a CSS pseudo-element trick that highlights both table row and column, a fluid type formula using calc and VW to scale font and line-height without media queries, email workarounds that render a clickable graphic as a 50×50 TD grid, an interactive email built with the checkbox hack and even 117 radio buttons to simulate shopping UI, plus server‑regenerated images to fake live Twitter — most prototypes work but hit Gmail size and support limits.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:11Meet speaker and Smashing Magazine
- 1:55Emoji hacks and Unicode quirks
- 7:33Highlighting table rows/columns
- 10:06Fluid typography with CSS
- 15:45Responsive email design
- 21:06Email layouts with min/max-width
- 25:07Interactive email features
- 32:12Future of responsive email
related talks
39mCutting-Edge Responsive Web Design
50mModern CSS and interactive email
56mDirty Little Tricks From The Dark Corners Of Front-End
42mDirty little front-end tricks
24mIn The Year 2000... Designing Responsive Emails
01h 09mEven More CSS Secrets
40mInteractive Email
01h 02mKeynote. New Adventures in Front-End, Season 2