SmartWeb 2016 - Vitaly Friedman
summary
Practical CSS recipes and email hacks that actually work: a calc formula to get 16→24px between 400–800px without media queries and matching fluid line-height and vertical rhythm using cap‑height offsets; baseline alignment via paired positive/negative margins; preventing layout jumps by transitioning max‑height; breakout full‑width elements with calc and viewport units; broken‑image fallbacks using :before/:after; pushing email limits — pixel‑by‑pixel table bitmaps, mimic media queries with min/max/width, server‑rendered live images and a 117 radio buttons checkout prototype that runs in ~61% of clients.
AI-written summary · about
chapters (11)
- 0:00Introduction and welcome
- 1:02Front-end challenge game
- 2:55Fluid typography techniques
- 9:15Baseline grid alignment
- 14:50Custom list bullets
- 17:22Preventing content jumps
- 22:42Horizontal text padding
- 25:35Styling broken images
- 28:47Breaking out of containers
- 32:17Responsive email hacks
- 48:03Q&A and closing
related talks
56mDirty Little Tricks From The Dark Corners Of Front-End
39mCutting-Edge Responsive Web Design
42mDirty little front-end tricks
37mFront-End: Fun, Not Frustration
04h 48mIntermediate To Advanced CSS For Practical Peoples
01h 02mKeynote. New Adventures in Front-End, Season 2
58mNew Adventures in Responsive Web Design
35mModern CSS Replacements for Better Responsive Code