Good design hasn’t changed with AI
summary
Covers concrete front-end techniques and measurable UX tradeoffs: server-side rendering, caching, bundle-size targets tied to LCP/INP/CLS, and aiming for first paint under 300ms with 60fps+ animations. Shows specific builds — a live GPU habitat video that pans and zooms by translating a looping small video, and a decorative fog made by stacking one sprite — the fog effect with one 14KB image — all with no third‑party JavaScript. Also details accessibility fixes (reduced‑motion, autocomplete, semantic HTML) and onboarding metrics.
AI-written summary · about
chapters (13)
- 0:00The definition of design
- 2:54Speed and performance
- 3:41Building user trust
- 4:02Accessibility as a priority
- 4:27Creating memorable delight
- 5:24Fast onboarding techniques
- 7:47Visual design with code
- 9:55Trust in user onboarding
- 12:08Accessible form design
- 14:15Psychology and delight
- 15:02Interactive GPU dashboard
- 16:32Performance and pricing
- 18:57Advanced UI interactions
related talks
44mBadass Motion Design for Front end Developers
40m“Performance by Design”
33mFrontend after AI: The new UX
28mAnimating the Web: Elevating UX with Lottie and modern technologies
48mUX Programming for Developers
01h 04mBuilding Design Systems for Scale: From Tokens and Components to Motion & AI Tools
46mUX Patterns for Developers
01h 10mSmart responsive interface design patterns