Frontend Focus
Issue 176 — February 19, 2015

Don't adjust your set, we're going out a day later than usual this week :-) Back to normal service next Wednesday.

A walk through the HTML5 document outline, how it’s supposed to work, and what role HTML5’s semantic elements play in forming it.
Steven Bradley

Part of a string of responses to Flipboard's use of the HTML5 Canvas for performance. Gruber notes: “60 frames per second is not ‘would be nice’. It’s ‘must have’. And the DOM doesn’t have it.”
John Gruber

New Relic
For a limited time only New Relic is giving you the opportunity to save $135 on your Tuts+ yearly subscription when you deploy. Get started today.
New Relic   Sponsor

Defines a JSON-based manifest that provides developers with a centralized place to put metadata associated with a web application.

A lightweight HTML, CSS and JS framework for sites that follow Google’s Material Design guidelines. Could be worthwhile if you don’t want to go the whole hog with Bootstrap or Polymer, etc.

An interesting demo that looks like WebGL at first but it’s just images being transformed by CSS and a little JavaScript glue (see the code.)
Ferrandez Gerard

Soledad Penadés takes a Firefox-oriented look at some new Web Audio API features including simple stereo panning (as opposed to 3D), audio workers, and new promise-based variations of Web Audio methods.
Mozilla Hacks

A sweet, boiled down version of the longer W3C alt-text techniques document.
Luis Garcia

Jobs Supported by

Can't find the right job? Want companies to apply to you? Try

In Brief

The W3C's CSS WG Is Looking to Open Up CSS with JS APIs news
Marcos Caceres

Firefox Nightly now plays Flash videos using Shumway news
firefox-dev list

W3C Working Draft of Media Capture and Streams news
Defines APIs for requesting access to local multimedia devices, such as microphones or video cameras.

W3C First Public Working Draft of Timed Text Markup Language 2 (TTML2) news
Of particular use for closed captioning/subtitles or any text associated with timings.

Bringing asm.js to The Chakra JavaScript Engine in Windows 10 news

W3C First Public Working Draft of the Wake Lock API news
Specifies an API that allows web applications to request a ‘wake lock’ where a device will no longer enter a sleep mode automatically.

YouTube Adopts HTML5 and MSE for Video Playback news
Erica Beavers

Firefox 38 Notifies You About Addons That Slow Down The Browser news
Martin Brinkmann

Introducing @counter-styles for Styling How List Items Are Indicated tutorial
Mozilla Hacks

Better SVG Fallback and Art Direction With The 'picture' Element tutorial
Sara Soueidan

Scoping CSS Animations to Media Queries tutorial
David Walsh

24% of database devs don’t use source control. Do you? tools
Database source control is now standard. SQL Source Control is an easy way to start – it links your database to any source control system. Try it free
Red Gate Software  Sponsor

Are We Animated Yet? Tracking the Progress of Web Animations API in Firefox tools

What Happened to Web Intents? opinion
Paul Kinlan

Progressive Enhancement is Not About JavaScript Availability opinion
“Progressive enhancement is about building robust products and being paranoid about availability.”
Christian Heilmann

The Current Status of Browser-Based Virtual Reality in HTML5 opinion

Flight Stream: A WebGL Visualization of Flights Worldwide demo
Callum Prentice

Motion Blur Experiment demo

ARIA Bones: A Simple Annotated HTML Template that uses WAI-ARIA Roles Properly code
Ian Devlin

favico.js: Make Use of Your Site's Favicon with Badges, Images or Videos code
Miroslav Magda

jQuery.scrollSpeed: Lightweight jQuery Extension for Modifying Vertical Scrolling Speed code
Nathan Rutzky