The complexity in simplicity

on YouTube ↗19m

" summary

Buttons in an editor actually perform concrete tasks: adds NPM via unpkg, zips project in browser, and a deploy button pushes a sandbox to Netlify — built and shipped and it works. Forms default billing to shipping with a single checkbox, locale comes from navigator.languages not IP, placeholders are not labels and break translation and accessibility, custom selects usually fail, and credit card type is detectable client‑side (Visa starts with 4, MasterCard with 5) so detects card type with regex and removes needless fields.

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 1:47The complexity in simplicity
3. 3:45Demo
4. 6:29Default languages
5. 8:21Accessibility
6. 10:55Labels
7. 15:58UX

" related talks

• 48mYour website does not need JavaScriptAmy Kapernick · NDC Porto 2023
• 31mHow to do Good Without Doing AnythingYuraima Estevez · React Advanced 2021
• 01h 23mSelling all the things: building online payments in JavaScriptPaul Asjes, Thor Schaeff · JSConf.Asia 2019
• 44mYour website does not need JavaScriptAmy Kapernick · NDC Oslo 2024
• 41mLow-budget JavaScript: composable frontends that are fun and friendlyNatalia Venditto · CityJS Athens 2023
• 22mFast. Simple. Accessible.Estelle Weyl · .concat() 2018
• 20mPayment and address form best practicesSam Dutton, Ali Sarraf · Chrome Dev Summit 2020
• 21mUsing Next.JS and Redux for Epic Noscript Web AppsDaniel Skogly · React Advanced 2021