Web Directions Code 2012
2012-05-22..2012-05-23
Melbourne, Australia
[Web Directions Code 2012, Web Directions Code 2013, Web Directions Code 2014]
who it's for
javascript developers, frontend developers, mobile web developers, web designers, game developers, node developers, mobile app developers
topics
Web Touch API touch events; canvas pinch-to-zoom with CSS transforms; WebGL for browser games; audio data API visualizations; Gamepad and pointer lock APIs; HTML5 appcache and localStorage offline; Apache Cordova device APIs; IIFE and closure patterns in JavaScript; custom event bus and event capture; HTML5 History API pushState usage; mobile form input types and validation; clientside templating for reactive UI
| title | author | length |
|---|---|---|
| Getting Touchy Feely with the Mobile Web | Andrew Fisher | 18m |
Covers the concrete Web Touch API: touchstart touchmove touchend events and the three touch lists touches targetTouches changedTouches, showing canvas demos… | ||
| HTML5 technologies and game development | Rob Hawkes | 50m |
Survey of playable HTML5 work that actually ships and runs: a playable, open source MMO Browser Quest uses Node.js and websockets for real time multiplayer and… | ||
| Designing in the Browser | Divya Manian | 29m |
Argues that websites should be prototyped in the browser using HTML5 so interaction and real data drive design rather than Photoshop mock-ups; recommends… | ||
| The Web's Third Decade | Faruk Ateş | 36m |
The web hits roughly its 21st year and faces a repeat of past mistakes as Opera and Mozilla start vendor prefix aliasing to paper over broken sites; the talk… | ||
| JavaScript: Enter The Dragon | Dmitry Baranovskiy | 35m |
Claims that JavaScript is mature but widely misunderstood and refuses shortcuts like CoffeeScript or GWT when real bugs demand raw JS. Explains the six… | ||
| Getting off(line): appcache, localStorage for HTML5 apps that work offline | John Allsopp | 56m |
Shows how to make web apps runnable offline using the HTML5 appcache manifest plus localStorage/sessionStorage and online/offline events, with concrete rules… | ||
| Device APIs | Dave Johnson | 39m |
Implements and ships device access via Apache Cordova (PhoneGap), running on iOS, Android (1.5–4), BlackBerry, Windows Phone 7, Symbian, webOS and Tizen… | ||
| JavaScript: Getting Closure | Mark Dalgleish | 15m |
Explains how immediately invoked function expressions work as a one-time wrapper, showing the exact parentheses trick, passing window and an undefined… | ||
| The Main Event: Beyond Event Listeners in JavaScript | Damon Oehlman | 18m |
Compares DOM bubbling versus addEventListener capture vs bubble and argues for treating events as a message bus instead of object-bound handlers, demonstrating… | ||
| Truthiness, falsiness and other JavaScript gotchas | Anette Bergo | 23m |
Covers concrete JS pitfalls: loose typing and type coercion cause == vs === surprises (1 + "2" + 3 → "123" or 1 + 2 + "3" → "33"), about 30% of bugs trace to… | ||
| The HTML5 History API: PushState or bust! | Anson Parker | 14m |
Explains how the HTML5 History API actually works: pushState takes a state object, title and URL but does not load a new page, and the browser fires a popstate… | ||
| Fantastic Forms for mobile web | Tammy Bryant Butow | 16m |
Demo site uses Initializr/HTML5 Boilerplate and is packaged with PhoneGap to compare mobile vs web behavior. Practical details: input type="date" invokes the… | ||
| Party like it's 1999, write JavaScript like it's 2012 | Tony Milne | 23m |
Argues that AMD is the practical module system for browsers now and demonstrates using RequireJS to declare dependencies and load a todo app’s modules and text… | ||
| Debugging Secrets of a Lazy Developer | Ryan Seddon | 14m |
Automates client‑side unit tests for Modernizr’s ~630 tests by running PhantomJS on Travis CI for headless coverage and using the BrowserStack API plus Yeti +… | ||
| Clientside templates for reactive UI | Tim Oxley | 48m |
Argues that moving HTML rendering into the browser cuts server load and latency, demonstrates a live demo deployed to Static Cloud that switches between a… | ||
| Node's Personal Manservant | Jed Schmidt | 51m |
npm is both a registry and a CLI that installs, version-locks and scripts projects; the demo uses npm install --save/--save-dev, package.json and local vs… | ||
| Removing the gag from your browser | Jared Wyles | 54m |
Shows how to get real answers with Chrome DevTools network tab and heap snapshots: finds CSS requests taking 800ms locally and cuts them to ~20ms across six… | ||
| nothing matches | ||