August 5th, 2024 × #javascript#progressive-enhancement#web-development
Scott and Wes discuss whether websites should work without JavaScript enabled. They cover reasons pages may fail, progressive enhancement, and ways to improve the experience when JavaScript is not available.
Wes Bos Host
Scott Tolinski Host
Scott and Wes discuss whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript.
Show Notes
- 00:00 Welcome to Syntax!
- 00:11 Take 2
- 01:43 Brought to you by Sentry.io.
- 02:19 The clip summarized.
- 03:16 Your website should load, be readable and be (mostly) styled without JavaScript.
- 07:32 Web standards first. If it can be done without JavaScript, it should be.
- 08:09 What if the CSS doesn't load?
- 10:20 Linking
- 10:24 Forms.
- 12:11 Links (Duh, but also c'mon!)
- 12:35 Query parameters.
- 13:57 Server render if possible.
- 15:20 Progressive Enhancement.
- 17:24 CSS Page Transitions.
- 19:07 Let’s test websites out.
- 19:15 Shopify.
- 22:16 Syntax.fm.
- 25:23 Netflix.
- 27:27 Local first and offline service workers.
- 29:27 TikTok.
- 29:33 GitHub.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads