---
title: "This Week's HTML5 and Browser Technology News (Issue 217)"
publication: "Frontend Focus"
issue: 217
published_at: "2015-12-02"
canonical_url: "https://frontendfoc.us/issues/217"
---

This Week's HTML5 and Browser Technology News (Issue 217)

[Read this e-mail on the Web](http://frontendfoc.us/issues/217)

Frontend FocusIssue 217 — December 2, 2015[Adobe on Flash, HTML5 and Open Web Standards](http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html?utm_source=frontendfocus&utm_medium=email) Adobe’s take on Web standards and the diminished role of Flash. Flash Professional CC has now been renamed to Animate CC and will focus on HTML5-driven Web animation creation. 
[Flexbox Froggy: A Game for Learning CSS Flexbox](http://flexboxfroggy.com/?utm_source=frontendfocus&utm_medium=email) If you’ve felt learning about the Flexible Box layout mode was a bit dry, you might enjoy this interactive alternative to the specs.  Thomas Park 
[CSS 'font-display' Property Now in Chrome Canary](https://plus.google.com/+IlyaGrigorik/posts/a3Yn3jB4wjA?utm_source=frontendfocus&utm_medium=email) With font-display you can choose how/if web fonts are displayed when the page is being rendered and while they are being loaded.  Ilya Grigorik 
[![Opbeat\](https://copm.s3.amazonaws.com/4a5b22b5.jpg)](https://opbeat.com/angularjs/?utm_source=html5weekly&utm_medium=newsletter&utm_content=&utm_campaign=angularbeta)[NEW: Performance metrics for Angular](https://opbeat.com/angularjs/?utm_source=html5weekly&utm_medium=newsletter&utm_content=&utm_campaign=angularbeta)Get a breakdown of the digest cycle including AJAX, templating, services cache calls. See how each controller spends its time and what’s slowing your app. [Sign up to the private beta.](https://opbeat.com/angularjs/?utm_source=html5weekly=newsletter==angularbeta) OpbeatSponsor
[HTML5 Scoping Rules](http://code.tutsplus.com/tutorials/html5-mastery-scoping-rules--cms-24840?utm_source=frontendfocus&utm_medium=email) A look at how HTML parsers interpret HTML and build DOM trees from it. Sometimes the order of elements is important due to changes in ‘scope’.  Tuts+ 
[oldweb.today: Surf The Old Web, Today](http://oldweb.today/?utm_source=frontendfocus&utm_medium=email) You can surf the Web like it’s 1999 with this interesting tool that brings together old browsers and the Wayback Machine. It’s slow due to all the interest but it works.  Ilya Kreymer 
[What Web Can Do Today](https://whatwebcando.today/?utm_source=frontendfocus&utm_medium=email) An interactive overview of mobile device integration APIs available on the web (and your current browser), where they work and how to use them. 
[A Sneak Peek at Chrome DevTools Device Mode V2](https://www.youtube.com/watch?v=r-uc-fENa7w) Chrome DevTools’s ‘Device Mode’ will let you emulate a variety of mobile devices in the normal desktop browser making mobile Web development easier.  YouTube 


Jobs [![Supported by Hired.com\](http://s3.cooperpress.com.s3.amazonaws.com/hired1.png)](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)

- [Front-end Engineer at Remix (YC W15), San Francisco, CA](http://getremix.com/jobs?utm_source=frontendfocus&utm_medium=email)Build the web mapping software used to plan transit systems in 60+ cities including Oakland, Baltimore, San Antonio, Miami, Calgary, and Melbourne. Remix
- [Principal web engineer @ MixRadio](https://mixradio.bamboohr.co.uk/jobs/view.php?id=29)Do you have a passion for crafting beautiful solutions to solve complex problems? Would you like to work in a vibrant collaborative environment full of creative talented people where this happens everyday? [Apply now.](https://mixradio.bamboohr.co.uk/jobs/view.php?id=29) MixRadio
- [Want to spend less time job searching? Join in 1 min and the best startups will come to you.](https://underdog.io/?utm_source=newsletters&utm_medium=html5weekly&utm_content=spendlesstimev2&utm_campaign=q4_15)If you’re accepted, startup decision-makers will email you as soon as next Monday. You decide where to interview and where to work. Now open in SF, NYC, and remote. Join the Underdog.io platform today. Underdog.IO

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

[MS to Stop Supporting IE8, IE9, and IE10 in January 2016](https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support?utm_source=frontendfocus&utm_medium=email) news
Microsoft

[Exporting SVG from Adobe Illustrator CC](https://helpx.adobe.com/illustrator/how-to/export-svg.html?utm_source=frontendfocus&utm_medium=email) news tutorial 
Illustrator’s SVG exporting has received some upgrades.
Adobe

[Give back to the developer community-apply to teach today.](http://go.pluralsight.com/C0003352?utm_source=frontendfocus&utm_medium=email) news 
Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties.
PluralsightSponsor

[Improvements to WebRTC Support in Chrome 47](https://developers.google.com/web/updates/2015/10/chrome-47-webrtc?utm_source=frontendfocus&utm_medium=email) news
Google

[WebKit.org Gets Major Redesign](https://webkit.org/?utm_source=frontendfocus&utm_medium=email) news
WebKit

[An Introduction to Hardware Acceleration with CSS Animations](http://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/?utm_source=frontendfocus&utm_medium=email) tutorial
SitePoint

[Web Push Notifications from Irssi](https://hacks.mozilla.org/2015/12/web-push-notifications-from-irssi/?utm_source=frontendfocus&utm_medium=email) tutorial 
A look at getting notifications from a server-hosted terminal app.
Mozilla Hacks

[Animating Your Brand](https://24ways.org/2015/animating-your-brand/?utm_source=frontendfocus&utm_medium=email) tutorial
24 Ways

[CSS Product Magnification — without JavaScript](https://medium.com/@mjtweaver/css-product-magnification-without-javascript-497ab5932419?utm_source=frontendfocus&utm_medium=email) tutorial code
Michael Weaver

[Faster Sass Builds with Webpack](http://eng.localytics.com/faster-sass-builds-with-webpack/?utm_source=frontendfocus&utm_medium=email) tutorial
Francois Ward

[Must-Know Techniques for HTML5 Responsive Design](http://code.tutsplus.com/tutorials/must-know-techniques-for-html5-responsive-design--cms-25233?utm_source=frontendfocus&utm_medium=email) tutorial
Tuts+

[Essential Reading List for Getting Started With Service Workers](https://changelog.com/essential-reading-list-for-getting-started-with-service-workers/?utm_source=frontendfocus&utm_medium=email) 
The Changelog

[To 3D And Beyond: WebGL and WebVR For Fun And Profit](https://www.youtube.com/watch?v=C4wL-7-KC2Q=8=PLleHIBVx1SeQxhubNMUoFsfL1Z8XbcuGB) video
Martin Naumann

[Custom Elements: The Contentious Bits](https://github.com/w3c/webcomponents/wiki/Custom-Elements:-Contentious-Bits?utm_source=frontendfocus&utm_medium=email) opinion
W3C

[A New Responsive Font Format for the Web?](https://css-tricks.com/a-new-responsive-font-format-for-the-web/?utm_source=frontendfocus&utm_medium=email) opinion
Robin Rendle

[tq: Perform A Lookup by CSS Selector on an HTML Input](https://github.com/plainas/tq?utm_source=frontendfocus&utm_medium=email) tools 
A command line utility written in Python.
GitHub

[Gridly: A Minimal CSS Grid System](http://ionicabizau.github.io/gridly/example/?utm_source=frontendfocus&utm_medium=email) code
Ionică Bizău

[AutoAnimations: Automatically Animate All Inserted and Removed DOM Elements](https://github.com/OutSystems/AutoAnimations?utm_source=frontendfocus&utm_medium=email) code
OutSystems

[Microm: A Microphone to MP3 Library](https://github.com/zzarcon/microm?utm_source=frontendfocus&utm_medium=email) code 
Brings together lamejs, webrtc-adapter, and RecordRTC.
Hector Leon Zarco Garcia

[mo.js: Motion Graphics for the Web](http://mojs.io/?utm_source=frontendfocus&utm_medium=email) code
Oleg Solomka

[Ambry: A WebStorage Wrapper Library](https://github.com/chicoxyzzy/ambry?utm_source=frontendfocus&utm_medium=email) code
Sergey Rubanov

[Discover 52 tips to improve your .NET performance](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/entrypage/52-net-performance-tips?utm_source=html5weekly&utm_medium=displayemail&utm_content=52_net_tips&utm_campaign=antsperformanceprofiler&utm_term=email-24155) rawurl 
Our new eBook features dozens of tips and tricks to boost your .NET performance. [Download your free copy.](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/entrypage/52-net-performance-tips?utm_source=html5weekly=displayemail=52_net_tips=antsperformanceprofiler=email-24155)
RedgateSponsor

[X-Wing: A Simple Star Wars Flying Game on WebGL](http://oos.moxiecode.com/js_webgl/xwing/?utm_source=frontendfocus&utm_medium=email) demo
OutsideOfSociety

[Pearl Boy: An Amazing WebGL Water Scene](http://labs.gooengine.com/pearl-boy/?utm_source=frontendfocus&utm_medium=email) demo
Goo Engine

[RC455: A Web Audio Synthesizer](http://barakchamo.github.io/rc455/?utm_source=frontendfocus&utm_medium=email) demo
Barak Chamo

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/217)

Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK
