---
title: "This Week's HTML5 and Browser Technology News (Issue 176)"
publication: "Frontend Focus"
issue: 176
published_at: "2015-02-19"
canonical_url: "https://frontendfoc.us/issues/176"
---
This Week's HTML5 and Browser Technology News (Issue 176)
HTML5 document outline, Material Design-based CSS, what's new in Web Audio, and more. — [Read this e-mail on the Web](http://frontendfoc.us/issues/176)
Frontend FocusIssue 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.[The HTML5 Document Outline](http://www.vanseodesign.com/web-design/html5-document-outline/?utm_source=frontendfocus&utm_medium=email) 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
[60 Frames Per Second and the Web](http://daringfireball.net/2015/02/60_frames_per_second_and_the_web?utm_source=frontendfocus&utm_medium=email) 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
[](http://newrelic.com/lp/tuts-premium?utm_source=frontendfocus&utm_medium=email)[Deploy New Relic, Save $135 on Tuts+](http://newrelic.com/lp/tuts-premium?utm_source=frontendfocus&utm_medium=email)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 RelicSponsor
[Manifest for Web Application Specification Published](http://www.w3.org/TR/2015/WD-appmanifest-20150212/?utm_source=frontendfocus&utm_medium=email) Defines a JSON-based manifest that provides developers with a centralized place to put metadata associated with a web application. W3C
[MUI: A Material Design-based CSS Framework](https://www.muicss.com/?utm_source=frontendfocus&utm_medium=email) 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. MUI
[Apparently Transparent: A CSS-3D HTML5 Experiment](http://www.dhteumeuleu.com/apparently-transparent?utm_source=frontendfocus&utm_medium=email) 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.](http://www.dhteumeuleu.com/apparently-transparent/source)) Ferrandez Gerard
[What’s New in Web Audio](https://hacks.mozilla.org/2015/02/whats-new-in-web-audio/?utm_source=frontendfocus&utm_medium=email) 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
[How to Use the 'alt' Attribute for Alternative Text on Images](http://garcialo.github.io/html101/alt2.html?utm_source=frontendfocus&utm_medium=email) A sweet, boiled down version of the [longer W3C alt-text techniques document.](http://www.w3.org/TR/html-alt-techniques/) Luis Garcia
Jobs [](https://hired.com/join/?utm_source=petercooperpress&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-swe%29%28q2-17-frontend-focus%29&utm_content=newsletter)
- [Looking for a lifestyle upgrade? Quick Left is hiring skilled software engineers.](http://quickleft.com/careers?utm_source=frontendfocus&utm_medium=email)Help us craft outstanding web and mobile applications. Quick Left, an award-winning consultancy, is hiring skilled software engineers in beautiful Boulder, Denver, Portland, and San Francisco. Apply today and craft impactful software products with us. Quick Left
- [Freelance with Companies like Airbnb, IDEO JPMorgan](http://www.toptal.com/developers?utm_source=html5_weekly=cpm-newsletter=html5_weekly_job)Work on special projects with great companies through Toptal. Set your weekly/hourly rate, and work from anywhere in the world as an elite HTML5 developer. See if you have what it takes. TopTal
Can't find the right job? Want companies to apply to _you?_ [Try Hired.com.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-frontend&utm_campaign=q2-17-frontend)
In Brief
[The W3C's CSS WG Is Looking to Open Up CSS with JS APIs](https://twitter.com/marcosc/status/568005357630398464?utm_source=frontendfocus&utm_medium=email) news
Marcos Caceres
[Firefox Nightly now plays Amazon.com Flash videos using Shumway](https://mail.mozilla.org/pipermail/firefox-dev/2015-February/002683.html?utm_source=frontendfocus&utm_medium=email) news
firefox-dev list
[W3C Working Draft of Media Capture and Streams](http://www.w3.org/TR/2015/WD-mediacapture-streams-20150212/?utm_source=frontendfocus&utm_medium=email) news
Defines APIs for requesting access to local multimedia devices, such as microphones or video cameras.
W3C
[W3C First Public Working Draft of Timed Text Markup Language 2 (TTML2)](http://www.w3.org/TR/2015/WD-ttml2-20150212/?utm_source=frontendfocus&utm_medium=email) news
Of particular use for closed captioning/subtitles or any text associated with timings.
W3C
[Bringing asm.js to The Chakra JavaScript Engine in Windows 10](http://blogs.msdn.com/b/ie/archive/2015/02/18/bringing-asm-js-to-the-chakra-javascript-engine-in-windows-10.aspx?utm_source=frontendfocus&utm_medium=email) news
IEBlog
[W3C First Public Working Draft of the Wake Lock API](http://www.w3.org/TR/2015/WD-wake-lock-20150212/?utm_source=frontendfocus&utm_medium=email) news
Specifies an API that allows web applications to request a ‘wake lock’ where a device will no longer enter a sleep mode automatically.
W3C
[YouTube Adopts HTML5 and MSE for Video Playback](http://blog.streamroot.io/youtube-adopts-html5-and-mse-default-format/?utm_source=frontendfocus&utm_medium=email) news
Erica Beavers
[Firefox 38 Notifies You About Addons That Slow Down The Browser](http://www.ghacks.net/2015/02/18/firefox-38-notifies-you-about-add-ons-that-slow-down-the-browser/?utm_source=frontendfocus&utm_medium=email) news
Martin Brinkmann
[Introducing @counter-styles for Styling How List Items Are Indicated](https://hacks.mozilla.org/2015/02/introducing-counter-styles/?utm_source=frontendfocus&utm_medium=email) tutorial
Mozilla Hacks
[Better SVG Fallback and Art Direction With The 'picture' Element](http://sarasoueidan.com/blog/svg-picture/?utm_source=frontendfocus&utm_medium=email) tutorial
Sara Soueidan
[Scoping CSS Animations to Media Queries](http://davidwalsh.name/scoping-css-animations-media-queries?utm_source=frontendfocus&utm_medium=email) tutorial
David Walsh
[24% of database devs don’t use source control. Do you?](http://www.red-gate.com/products/sql-development/sql-source-control/?utm_source=html5weekly=displayemail=24_percent=sqlsourcecontrol=email-23344) 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 SoftwareSponsor
[Are We Animated Yet? Tracking the Progress of Web Animations API in Firefox](https://birtles.github.io/areweanimatedyet/?utm_source=frontendfocus&utm_medium=email) tools
[What Happened to Web Intents?](http://paul.kinlan.me/what-happened-to-web-intents/?utm_source=frontendfocus&utm_medium=email) opinion
Paul Kinlan
[Progressive Enhancement is Not About JavaScript Availability](http://christianheilmann.com/2015/02/18/progressive-enhancement-is-not-about-javascript-availability/?utm_source=frontendfocus&utm_medium=email) 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](http://www.infoq.com/news/2015/01/vr-html5?utm_source=frontendfocus&utm_medium=email) opinion
InfoQ
[Flight Stream: A WebGL Visualization of Flights Worldwide](http://callumprentice.github.io/apps/flight_stream/index.html?utm_source=frontendfocus&utm_medium=email) demo
Callum Prentice
[Motion Blur Experiment](http://codepen.io/lbebber/full/zxpMZw/?utm_source=frontendfocus&utm_medium=email) demo
CodePen
[ARIA Bones: A Simple Annotated HTML Template that uses WAI-ARIA Roles Properly](https://github.com/iandevlin/ariabones/blob/master/basic-file-structure.html?utm_source=frontendfocus&utm_medium=email) code
Ian Devlin
[favico.js: Make Use of Your Site's Favicon with Badges, Images or Videos](http://lab.ejci.net/favico.js/?utm_source=frontendfocus&utm_medium=email) code
Miroslav Magda
[jQuery.scrollSpeed: Lightweight jQuery Extension for Modifying Vertical Scrolling Speed](https://github.com/ByNathan/jQuery.scrollSpeed?utm_source=frontendfocus&utm_medium=email) code
Nathan Rutzky
Curated by [Peter Cooper](http://twitter.com/peterc) and [Chris Brandrick](http://twitter.com/chrisbrandrick) and published by [Cooperpress](https://cooperpress.com/).
[Stop getting FrontEnd Focus](*|UNSUB|*) : [Change email address](*|UPDATE_PROFILE|*) : [Read this issue on the Web](http://frontendfoc.us/issues/176)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK