Web Directions Code 2014
2014-05-01..2014-05-02
Melbourne, Australia
[Web Directions Code 2012, Web Directions Code 2013, Web Directions Code 2014]
who it's for
front end developers, javascript developers, web performance engineers, security engineers, ux designers, mobile web developers, accessibility engineers
topics
ECMAScript 6 features; native CSS variables; advanced CSS selectors techniques; SVG with Snap.svg; offline first architecture; TLS 1.3 and certificate transparency; Content Security Policy practices; streaming adapters and backpressure; XHR/ajax error handling and retry patterns; this binding and arrow functions; browser robotics with canvas and Johnny-Five
| title | author | length |
|---|---|---|
| You Can Do What With Math Now? | Raquel Vélez | 33m |
Shows how 2D serial manipulator kinematics are implemented with concrete code: homogeneous rotation matrices compute joint positions, forward kinematics gives… | ||
| The Declarative Power of CSS Selectors | Fiona Chan | 15m |
Digs into concrete selector tricks: use attribute selector matching .pdf to add icons from hrefs, substring operators to target file extensions, and :not(...)… | ||
| CSS Variables | Ben Schwarz | 17m |
Argues that native CSS variables can replace parts of preprocessors, simplify tool chains and make components truly themeable, showing that Bootstrap’s… | ||
| this: taking JavaScript out of Context | Mark Dalgleish | 15m |
Shows that a function in JavaScript can act as a constructor, method, or plain function depending on how it’s called, so the value of this is decided by the… | ||
| On Readable Code | Jared Wyles | 13m |
Argues that comments often signal bad code and encourage laziness, shows Sublime theme and an Adobe example where comments hide behavior, cites jQuery comments… | ||
| ECMAScript 6, A Better JavaScript for the Ambient Web Era | Allen Wirfs-Brock | 47m |
ECMAScript 6 claims to be feature complete and already lands in browsers incrementally, the draft is about 650 pages vs ES5.1’s 250, and major engines cut… | ||
| You Don't Know SVG | Dmitry Baranovskiy | 39m |
Shows that SVG handles things CSS and canvas struggle with: Snap.svg is used as the practical library, the use element creates live, shadow-DOM like copies so… | ||
| Offline First | Alex Feyerke | 41m |
Argues that apps must treat offline as the default and connectivity as an enhancement, showing a concrete stack: a front end that only talks to the hoodie… | ||
| What's happening in TLS (transport layer security)? | Mark Nottingham | 19m |
Heartbleed exposes that roughly 80% OpenSSL monoculture makes TLS brittle and incident handling weak; historical attacks like FireSheep and Google Street View… | ||
| Taking front-end security seriously | Paul Theriault | 39m |
Firefox OS is a web‑based phone UI so client‑side code runs with native‑level APIs; about 20 front‑end security bugs appear during development and roughly 19… | ||
| Streaming the Web (it's not what you think) | Damon Oehlman | 14m |
Argues that streaming patterns make complex web apps simpler by showing concrete adapters and working examples: a WebRTC data channel becomes usable after a… | ||
| Harden up your ajax! | Alex Mackey | 16m |
XHR-focused checklist for real-world Ajax: log errors via window.onerror or framework hooks (Angular $exceptionHandler), capture stacks with stacktrace.js, and… | ||
| The once and future IndieWeb | Tantek Çelik | 42m |
Argues that owning your site is practical today: concrete tools like rel=me for identity, webmention for federated comments and RSVPs, and microformats2 for… | ||
| nothing matches | ||