Modern Websites for the Modern Web

on YouTube ↗36m

" summary

Modernizr 3 becomes a modular build system (about 262 modules) that generates custom bundles client‑side or server‑side; font loading uses the CSS Font Loading API with FontFaceObserver polyfill and a cookie/localStorage trick to avoid FOIT; offline uses service worker + appcache fallback (hotel Wi‑Fi test: cold load 20s → cached 190ms); heavy tasks run in web workers for gzip size and build generation; downloads use Blob/URL/download with a form fallback and server POST, and npm/bower installs map to the build URL.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 0:44Edge Browser
3. 0:59Modern Websites
4. 3:07Fontface
5. 7:32Service Worker
6. 12:57App Cache
7. 13:27Cache Manifest
8. 21:24ZeroClipboard
9. 23:22Copy to Clipboard
10. 28:22HappyGIS
11. 30:57NPM Bower
12. 31:42Moderniser

" related talks

• 43mService workersPatrick Kettner · Frontend United 2017
• 58mNew Adventures in Responsive Web DesignVitaly Friedman · Beyond Tellerrand Munich 2018
• 26mWeb Performance in modern JavaScript worldFilip Rakowski · JavaScript fwdays'19
• 10mThe Evolution of Modern Web and Homo FrontendalisPooya Parsa · Frontend Love Eindhoven 2019
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 46mWeb Performance in 2018Jad Joubran · Mobile Era 2018
• 01h 03mNew Adventures in Responsive Web DesignVitaly Friedman · HolyJS 2017
• 38mLet's Web Dev Like It's 1999! with Ben IlegboduBen Ilegbodu · Web Unleashed 2019