Progressive Enhancement

on YouTube ↗22m

" summary

Argues that progressive enhancement gives immediate, viewable HTML and the same rendering code in Node and the browser, shows concrete tools and examples: trumpet streaming HTML to inject fragments, hyperg-glue / hyperspace for same server+browser code and streams, hyperkey + leveldb (with render-assos and shoe) to push live updates over websockets, demonstrates curlable server output, browserify/brfs integration, and claims it takes about five extra lines to move from a list view to a single-document UI.

AI-written summary · about

" chapters (6)

1. 0:00Progressive enhancement intro
2. 2:06Trumpet for streaming HTML
3. 7:00Hyper Glue for server-client
4. 10:12Hyperspace for HTML streaming
5. 15:37Hyper Key for live updates
6. 20:55Live demo and summary

" related talks

• 26mProgressive HTML Rendering 101Damodaran S · XtremeJS 2023
• 30mDoes Progressive Enhancement Have a Place in Today's Web?George Brocklehurst · WindyCityRails 2016
• 44mEnhance!Jeremy Keith · beyond tellerrand Düsseldorf 2015
• 41mThe power of progressive enhancementAndy Bell · Inclusive Design 24 (#id24) 2018
• 22mThe (Abundant) State of the WebJad Joubran · dotJS 2026
• 58mUnderstand the Next Phase of Web DevelopmentSteve Sanderson · NDC London 2024
• 04mProgressive Enhancement and CSSIre Aderinokun · Voxxed Days Zurich 2017
• 22mBringing Back Progressive EnhancementKent C. Dodds · RenderATL 2022