Back to Webfundamentals

Episode 9 {: .page-title }

src/content/en/shows/lazyweb/2015/episode-9.md

0.32.8 KB
Original Source

project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: 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.

{# wf_updated_on: 2015-06-16 #} {# wf_published_on: 2015-06-08 #} {# wf_youtube_id: oRcxExzWlc0 #}

Episode 9 {: .page-title }

<div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="oRcxExzWlc0" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div>

In this Week's Episode

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.

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

Demos

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#

Thanks!

Let us know what you think on Twitter #LazyWebShow

For more news on the Web, check out these resources:

Subscribe to the Google Developers Channel