Cutting-Edge Responsive Web Design
summary
Lists concrete hacks and measurable outcomes: demonstrates an object tag workaround for nested links, a CSS trick using ::before/::after to style broken images, a calc formula for truly fluid typography and a table pseudo-element to highlight rows and columns. Shows an eyebrow-raising Gmail trick — calc + min/max width trick to fake media queries in Gmail — and explains service workers caching that cuts repeated-load latency (160 initial requests, subsequent assets served in ~20–200 ms).
AI-written summary · about
chapters (14)
- 0:00Start
- 4:55Broken Images
- 5:36Replaced Element
- 6:36Fluid Typography
- 14:02Convert a Button Image into a Table Html Markup
- 15:00Table Properties
- 19:53Iframe
- 20:36Responsive Email Patterns
- 22:29Images
- 22:49Image Optimization
- 27:14Fonts
- 29:57Tables
- 30:37Table Layout
- 32:56Http Cache
related talks
33mCutting-Edge Responsive Web Design
56mDirty Little Tricks From The Dark Corners Of Front-End
49mSmartWeb 2016 - Vitaly Friedman
51mWeb Design Engineering With the New CSS
58mNew Adventures in Responsive Web Design
30mCutting-edge CSS features: Gaining control of Web Design
01h 00mThe CSS You Don’t Know About
05mCSS Tricks You Gotta Love