Page load supercharge and Web Audio 808 synthesis -- LazyWeb #9 HD

Jake Archibald takes on Lie-Fi: first render before JavaScript, offline-first with Service Worker, Streams API, server-side rendering. Paul Lewis bemoans tooling complexity: NPM, Grunt, Gulp, Bower, Browserify, Git.... fallen.io counts the cost of conflict with stunning interactive infographics. Chris Lowis explains 808 drum synthesis with the Web Audio API. Plus: good form design and BASIC programming for the Commodore 64. CLICK """"SHOW MORE"""" FOR LINKS TO EVERYTHING SUPERCHARGING PAGE LOAD https://youtu.be/d5_6yHixpsQ?t=10m07s https://youtu.be/d5_6yHixpsQ?t=6m42s https://youtu.be/d5_6yHixpsQ?t=8m26s https://youtu.be/d5_6yHixpsQ?t=10m38s HTTP 203: BUILD TOOLS http://youtu.be/3i9WFgMuKHs?t=1m37s THE FALLEN OF WORLD WAR II http://fallen.io/ww2 http://www.fallen.io/ SYNTHESISING DRUM SOUNDS WITH THE WEB AUDIO API https://dev.opera.com/articles/drum-sounds-webaudio http://upload.wikimedia.org/wikipedia/commons/b/be/Roland_TR-808_drum_machine.jpg THE 10 COMMANDMENTS OF GOOD FORM DESIGN ON THE WEB http://mono.company/journal/design-practice/the-10-commandments-of-good-form-design-on-the-web/ PROGRAMMING THE COMMODORE 64 http://64bites.com/episodes/002-basics-basics/ http://64bites.com/ http://en.wikipedia.org/wiki/Commodore_64#/media/File:Commodore-64-Computer.png 3FLUID WEBGL by haxiomic http://haxiomic.github.io/projects/webgl-fluid-and-particles/ BB8 by howbb8works http://www.howbb8works.com/ crazy-dot II by Lionel T http://codepen.io/elrumordelaluz/full/sCnkf Companion Cube Remix by ChristinaCoffin https://www.shadertoy.com/view/ll23Rd# Let us know what you think on Twitter #LazyWebShow For more news on the Web, check out these resources: JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Weekly: http://html5weekly.com/ Subscribe to the Google Developers channel at: http://goo.gl/mQyv5L Original music by Terra Monk: https://soundcloud.com/terramonk/lazyweb