Web Directions South 2013
2013-10-24..2013-10-25
Sydney, Australia
| title | author | length |
|---|---|---|
| Highlights | 03m | |
Survey of the year’s practical advances in web design and UX with concrete examples of JavaScript, HTML5 and CSS features actually used to solve problems… | ||
| Context, multi-device and the future of TV in the browser | Rod Farmer | 48m |
Network Ten redeploys TV around the browser by shipping a cross‑platform 10 Play responsive web ecosystem (iOS app and soon Android) that pulls video from… | ||
| The Z Dimension | Glen Maddern | 15m |
Browsers paint elements back to front using the painter's algorithm so there is no innate Z axis only document and tree order and stacking contexts that… | ||
| JavaScript beyond the web page | Patrick Catanzariti | 17m |
JavaScript controls real devices: a phone speech API plus an Xandme bridge turn on a bubble machine via speech recognition and a Node/Express server using the… | ||
| I Yield for Generators | Adam Ahmed | 15m |
Claims that ES6 generators let code be both faster and clearer by turning iterative and async patterns into simple linear code. Shows a working tree-traversal… | ||
| The best interface is no interface | Golden Krishna | 34m |
Argues that “the best interface is no interface” and gives three actionable principles: embrace typical processes, leverage computers, adapt to individuals… | ||
| A quest for responsive imagery | Simon Elvery | 23m |
Compares specific responsive‑image techniques, catalogs about 20 solutions on GitHub, and supplies a decision wizard that narrows choices by asking about extra… | ||
| Web Components | Mark Dalgleish | 16m |
Demonstrates how to register a custom element with document.registerElement (name must include a hyphen), use the createdCallback and attributeChangedCallback… | ||
| Validating forms with the HTML5 pattern attribute | Chris Lienert | 13m |
HTML5 lets HTML carry regex validation via the pattern attribute so forms can enforce formats without heavy JavaScript; examples include \d and [0-9] to force… | ||
| How the internet of things changes how we design | Alexandra Deschamps-Sonsino | 33m |
Argues that connected products demand new design, data and business decisions: an Arduino can make an HTTP request in 20 minutes to make an Arduino HTTP… | ||
| Connected UX | Aarron Walter | 54m |
Though design research has become common practice at product companies, it often produces insights that slip into the hazy distance as documents get lost on a… | ||
| ECMAScript 6, The Future of JavaScript | Dr. Axel Rauschmayer | 49m |
Claims that ES6 adds block-scoped let, arrow functions with lexical this, module syntax import/export, destructuring, default/rest/spread parameters, classes… | ||
| Future Perfect Tense | Relly Annet-Baker | 53m |
Claim: current WYSIWYG CMS workflows produce a single amorphous content blob that breaks across devices, so the fix is structured, reusable content. Practical… | ||
| Hack Yourself First | Troy Hunt | 59m |
Shows how trivial common breaks are: credit card photos scraped from Twitter, FTP-indexed web.configs exposing API keys, and an automated Havage SQL injection… | ||
| Beyond Mobile, Beyond Web | Scott Jenson | 49m |
Argues that cheap compute means devices should be barely smart and simply broadcast a URL so discovery, tiny control and coordinated swarms are feasible… | ||
| Barely succeed! It's easier! | Maciej Ceglowski | 39m |
Argues that tiny teams can beat giants by using modern building blocks like cloud hosting, open source stacks, Stripe/PayPal and app stores, with concrete… | ||
| CSS (finally) making the web a less blocky place | Jared Wyles | 13m |
Browser layout gains real multi-container flow: CSS Regions let content be authored once and routed with flow-into/flow-from into multiple named regions (demo… | ||
| Oh No! Spaghetti Code! | Fiona Chan | 12m |
Explains how to turn sprawling CSS into reusable components using Sass features: build small base box components, apply a micro clearfix automatically, and use… | ||
| Flexbox | Ryan Seddon | 15m |
Flexbox demonstrates concrete layout wins: it can reorder DOM without changing markup by using the order property, create responsive grids with flex-wrap plus… | ||
| Modularity Matters | Anna Gerber | 19m |
Explains concrete modularity choices for client JavaScript: use object literals, the module pattern and the revealing module pattern to get private state and… | ||
| Functional JavaScript | Dhanji R. Prasanna | 20m |
Argues that JavaScript can shift toward functional idioms using concrete techniques: uses map/filter/reduce pipeline to transform a pastries list into cherry… | ||
| CORS: Cross-domain requests with JavaScript | Michael Neale | 13m |
CORS lets browsers make true cross-origin REST calls (GET/POST/PUT/DELETE) by using a pre-flight OPTIONS handshake and response headers like… | ||
| Deep Interaction | Karl Fast | 37m |
Argues that cognition routinely spills into the world and that interaction is part of thinking, not mere input/output; cites jigsaw pieces, Post‑its and… | ||
| Designing with animation | Pasquale D'Silva | 50m |
Argues that adding motion as the fourth design dimension makes interfaces easier to follow, reducing abrupt context switches and cognitive load; shows a… | ||
| Animating Web Experiences | John Allsopp | 01h 00m |
CSS3 transitions, keyframe animations and 2D/3D transforms let developers animate UI patterns declaratively and with far less CPU work than JS. Examples… | ||
| Making Web Apps as Smooth as Native | Andrew Betts | 56m |
The FT app, along with many other HTML5 websites, blurs the boundaries between apps and websites, and opens a debate that still rages about what it means to… | ||
| The Weight of the Web | David Demaree | 55m |
Argues the web is a physical medium with real constraints: bandwidth, device CPU and display density, and development cost. Shows a 916‑page US Vogue issue as… | ||
| People Not Users | Rachel Binx | 35m |
Argues for treating “users” as people with real investments online and shows concrete examples: mesh (places mapped then laser-cut or 3D‑printed into jewelry)… | ||
| nothing matches | ||