Dirty Little Tricks From The Dark Corners Of Front-End
summary
Shows concrete hacks and whether they actually work: a calc-based fluid type formula that hits 16px at 400px and 24px at 800px without media queries; a baseline trick using cap-height offsets and margins; inline text padding via box-shadow and box-decoration-break; full-width elements released from fixed containers with calc(-50vw + 50%); font strategies using the Font Loading API, sessionStorage, base64 subsets and service workers; and a checkbox-driven interactive email approach that hits ~60% client support but faces 12,000‑char and 202KB limits.
AI-written summary · about
chapters (25)
- 0:00Intro
- 1:20The Problem
- 9:25Baseline Vertical
- 14:45Box Shadow
- 17:15Bullets
- 18:45Maps
- 22:25Broken Images
- 28:15Responsive Email
- 29:05How To Make It Work
- 31:00Responsive Emails
- 32:25Widths
- 36:10Live Twitter Feed
- 37:15Checkbox
- 38:10Shopping Cart
- 39:05Punch Cards
- 40:05Multi Page Layout
- 40:55Support
- 41:25Email Support
- 43:05Loading Web Fonts
- 45:25Different Strategies
- 46:45Mobile First
- 47:55Web Font
- 49:50FontLoader
- 50:55Flash of Text
- 53:45The Ultimate Way
