New Adventures In Responsive Web Design
summary
A fast run of practical decisions: art‑direction techniques that add friction to increase engagement, concrete layout patterns for accordions (tests show icon placement affects speed), carousel best practices backed by attention curves, a train-grid UI from SBB, a library‑friendly date picker, the viral Hans Brinker Hotel stunt, and a live demo of native payments using Payment requests API to enable one‑click checkout. Surprising details include a six‑and‑a‑half‑hour personal record and a site with 172 accordions explored end to end.
AI-written summary · about
chapters (41)
- 0:00Intro
- 0:32Presentation length
- 1:40Red Madness
- 2:10Companies
- 2:33Signature vs Art Direction
- 3:13Traditional view of creative process
- 3:51Iterating
- 4:16Micro optimizations
- 4:59Twitter and Facebook
- 6:07Portrait Mode
- 6:48Share Buttons
- 8:17The Boat
- 9:07Make People Think
- 9:35Chicano Fats
- 12:21Design
- 14:09Museum of Modern Art
- 15:13Hans Brinker Hotel
- 16:19Professional vs Amateur
- 17:17Popups
- 19:14Checkout
- 22:28Focus
- 23:00Video Player
- 26:02Planning
- 27:25Autocomplete
- 29:07Oneclick checkout
- 30:13Oneclick edit button
- 31:39The most boring elements
- 32:55Accordions
- 35:56Collapse
- 37:16People click on different areas
- 38:00People click on the icon
- 38:52Icons are dangerous
- 40:48How to understand plus
- 42:28Carousels
- 44:55Carouselcom
- 45:29Carousels in Ecommerce
- 47:49Checklist
- 48:02Wrapping up
- 50:30Product configurator
- 53:22Not read yet
- 55:19Conclusion
related talks
01h 10mSmart responsive interface design patterns
53mNew Adventures in Responsive Web Design
47mThe Map & The Territory
41mBack to the future: of web development
35mThe New Rules of The Resposnive Web
50mReal-Life Responsive Web Design
28mJavaScript + Web Standards II: The Quickening
58mNew Adventures in Responsive Web Design