HTML5.tx Texas 2013
2013-02-02
Austin, United States
who it's for
front-end developers, JavaScript developers, mobile web developers, UI engineers, web designers, build engineers, accessibility specialists
topics
adaptive images and srcset polyfills; application cache and offline apps; File API and canvas image editing; Backbone with RequireJS and partial PATCH; automated builds with Grunt and watch; class-based modular CSS and specificity rules; native DOM APIs: classList and dataset; Enyo components and data binding; WebSockets to microcontrollers (Johnny-Five); GPU hints and translateZ for mobile performance; feature detection and progressive enhancement
| title | author | length |
|---|---|---|
| Embedded Javascript, HTML5 and the Internet of Things | Jesse Cravens | 48m |
Shows a working trailer IoT prototype: web editor (Ace) pushes sketches over websockets to build/upload C++ to an Arduino, node.js talks to boards via… | ||
| Adaptive Images for Responsive Web Design | Christopher Schmitt | 37m |
Claims measurable checks: use Navigator.connection and a 50k probe to infer bandwidth, read device pixel ratio to decide 1x/2x assets, and swap sources via… | ||
| Taking an Image Editor Offline | Bradley Meck | 36m |
Claims that using an application cache manifest lets a web app survive network outages and even keep a site usable when the server is down, but warns the… | ||
| Defying Facebook: Creating High Performance Mobile Apps | Burke Holland | 30m |
Claims that HTML5 can be made fast are backed by concrete fixes: low‑end Android and Chromebooks expose real limits, max texture size breaks whole‑screen… | ||
| DOM it, forgive, forget, embrace | Cody Lindley | 39m |
Argues the DOM is far less broken than it used to be and pushes using native APIs instead of reaching for a library for simple tasks. Demonstrations create… | ||
| Backbone: 3 Ways | Pamela Fox | 41m |
Backbone gets used three ways at Coursera: a full campus‑style single‑page front end with a pre‑renderer for SEO, a rewritten Django admin implemented as a… | ||
| Managing a Large Front-End Project with Automated Build Tools | Kassandra Perch | 29m |
Claims concrete outcomes: a Grunt-based build that runs grunt watch, lints with JS Hint, concatenates and minifies JS, and compiles Stylus via a plugin. A… | ||
| The New Rules of The Resposnive Web | Matthew Carver | 35m |
Responsive design means real decisions not stretchy layouts: claim is that responsiveness must optimize capabilities not just scale, so use Modernizr and… | ||
| Building CSS Foundations | Jake Smith | 36m |
Specificity values land at 1 for elements 10 for classes 100 for IDs 1000 for inline and a million for !important and that math breaks projects; a large travel… | ||
| You Got Your MVC into my Components: Adding Bindings to Enyo | Cole Davis, Dave Freeman | 46m |
Enyo claims to deliver native-quality apps using plain HTML/CSS/JS by combining components with a new data binding system and controllers; examples use… | ||
| Browser Versions Are Dead | Kyle Simpson | 42m |
Argument: browser versions are dead because features—not marketing labels—determine behavior. Examples: conditional comments, doScroll hacks, user‑agent… | ||
| Lighting Talks: The Softer Side of HTML5 | Tony Farnsworth, Anne Epstein, William Moner | 31m |
Emphasis lands on concrete takeaways: run YSlow and PageSpeed and explain what the reports change; know HTML CSS and JavaScript well enough to teach the… | ||
| Lighting Talks: Sharpen Your HTML5 Saw | Ryan Joy, Aaron Murray, Austin Hallock | 30m |
Console demos show concrete pitfalls and wins: parseInt octal bug can turn "010" into 8 across browsers, == versus === and falsy values (undefined null 0) bite… | ||
| What is Future Friendly? | Joe McCann | 32m |
Argues for building decoupled services instead of monoliths: use service oriented architecture with JSON REST APIs (one API per feature), prefer Node or… | ||
| 10 things you didn't know a browser could do | Estelle Weyl | 41m |
Forty-one-slide deck lists ten concrete browser tricks with code and demos: using document.querySelectorAll is static versus live getElementsByClassName… | ||
| Web Application Architecture -- Lessons Learned from Brackets | Brian Rinaldi | 37m |
Brackets is an open‑source code editor written mainly in HTML, CSS and JavaScript and developed on GitHub with hundreds of contributors; it embeds CodeMirror… | ||
| HTML5 on TV | HTML5 on TV | 35m |
HTML5 on TVs delivers full JS features like typed arrays and h.264 playback but repeatedly fails at DOM and platform APIs: localStorage and session storage are… | ||
| What HTML5 Means for Web Accessibility | Kevin Lamping | 42m |
HTML5 adds semantics but real accessibility depends on concrete pieces: many sectioning elements show spotty browser and assistive‑technology support so add… | ||
| Unfolding the Box Model | Chris Ruppel | 37m |
Live demos build entire scenes with CSS3 3D transforms: a six-sided cube made from div faces, a 50 div slinky that rotates by 5° per nested element, and a… | ||
| Model-View-Websockets | Garann Means | 41m |
Argues that combining MV patterns with an event-driven layer and WebSockets replaces many AJAX flows: shows concrete stacks (Twitter/Flight, Airbnb using… | ||
| JavaScript and Windows Store Apps - In the Trenches | Jonathan Hebert | 41m |
Worked on Evernote's Skitch Touch and runs Windows 8 apps as JavaScript inside the IE10 engine using the Windows Runtime (WinRT) and the WinJS helpers. App… | ||
| Front End Legos: Better Design with Reusable HTML & CSS | Shay Howe | 28m |
Argues that CSS must be organized into base / components / modules, with layout separated from theme and selectors kept simple so specificity stays low (avoid… | ||
| Rapid Templating: "Designing in the Browser" with Sass, Compass, and Serve | Nathan Smith | 26m |
Claims a browser-first workflow using Sass, Compass and the Ruby tool serve to prototype and export real templates rather than PSDs. Shows a working CSS grid… | ||
| Closing Panel: "HTML5 and Devices" | 56m | |
Argues you must design content for many endpoints — desktop, phones, tablets, TVs and even digital signage — and recommends a content strategy that targets N… | ||
| nothing matches | ||