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

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

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

Frontend FocusIssue 177 — February 25, 2015[Firefox 36 Now Generally Released](https://www.mozilla.org/en-US/firefox/36.0/releasenotes/?utm_source=frontendfocus&utm_medium=email) Support for ES6 symbols, unicode-range CSS descriptor, object-fit and object-position properties, CSS 3’s will-change property, HTTP/2, and more.  Mozilla 
[How to Use The HTML5 Sectioning Elements](http://blog.teamtreehouse.com/use-html5-sectioning-elements?utm_source=frontendfocus&utm_medium=email) If you’re always tempted to turn to the trusty ‘div’ tag, this tutorial on using ‘main’, ‘article’, ‘section’, ‘nav’ and related tags may be useful.  Treehouse Blog 
[HTML 5.1 Nightly: Latest Build of the Latest HTML Spec](http://www.w3.org/html/wg/drafts/html/master/?utm_source=frontendfocus&utm_medium=email) Still an Editor’s Draft but work is continuing. Deep stuff; it's not bedtime reading.  W3C 
[![Frontend Masters\](https://copm.s3.amazonaws.com/e9221bf4.png)](https://frontendmasters.com/workshops/famo-us/?utm_source=frontendfocus&utm_medium=email)[Famo.us Online/In-Person Workshop](https://frontendmasters.com/workshops/famo-us/?utm_source=frontendfocus&utm_medium=email)Learn to build native quality apps and animations using pure JavaScript in Famo.us -- an open source rendering and 3D physics engine.
Join Yelp's Front-end team and help build a modern, styleguide-driven UX for our 138 million users! We’re looking for people who love good code and working closely with design, product, and other engineers to make great features.You'll create a profile over 1 week tech companies will apply to you! You'll get salary/equity offers upfront you're under no obligation to accept any offer. Interested? Join Hired today. Describes user interface-related selectors, properties and values that are proposed for CSS level 3 to style HTML.  A look at the Text Track API. Includes a demo.  Tim says: “Apple simply does not play well with other vendors when it comes to standardization. The same sort of things we once criticized Microsoft for doing long ago, we give Apple a pass on today.”  A look at some i18n and accessibility issues with HTML5 number inputs. Build charts that match your app and empower your users, no matter the browser or device. A WebGL based skiing game built as a marketing tool by Philips. Very slick.  Move your cursor across an illustration of a person to see an x-ray (which is a separate SVG image).  Frontend MastersSponsor
[Unreal Engine 4.7 Binary Release Includes HTML5 Export](https://blog.mozilla.org/blog/2015/02/24/unreal-engine-4-7-binary-release-includes-html5-export-3/?utm_source=frontendfocus&utm_medium=email) One of the most popular game engines has added the ability to export to HTML5. A presentation of these new features will take place on Twitch on March 5.  The Mozilla Blog 
[Pointer Events Now a W3C Recommendation](http://www.w3.org/TR/2015/REC-pointerevents-20150224/?utm_source=frontendfocus&utm_medium=email) Defines a unified set of events and interfaces for device-neutral pointer input (from a mouse, tablet, pen, etc.) and handling things like pointer pressure, contact geometry, and tilt.  W3C 
[The Aural UI of HTML Elements](http://thepaciellogroup.github.io/AT-browser-tests/?utm_source=frontendfocus&utm_medium=email) A work in progress, but essentially a table demonstrating how various HTML elements are rendered in audio by screen readers.  Steve Faulkner and Léonie Watson 
[Front End Engineer at Yelp!](http://www.yelp.com/careers?jvi=oUOmWfwK,Job)Join Yelp's Front-end team and help build a modern, styleguide-driven UX for our 138 million users! We’re looking for people who love good code and working closely with design, product, and other engineers to make great features. YelpSponsor
[Hired gives top web developers more power in their job search.](http://hired.com/?utm_source=newsletters=html5weekly=n-feb25_15-html5weeklyspons=power)You'll create a profile over 1 week tech companies will apply to you! You'll get salary/equity offers upfront you're under no obligation to accept any offer. Interested? Join Hired today. Hired.comSponsor
[CSS Basic User Interface Module Level 3 (CSS3 UI)](http://www.w3.org/TR/2015/WD-css3-ui-20150224/?utm_source=frontendfocus&utm_medium=email) Describes user interface-related selectors, properties and values that are proposed for CSS level 3 to style HTML.  W3C 
[Google Celebrates 1,000 Chrome Experiments and Counting](http://googledevelopers.blogspot.com/2015/02/1000-chrome-experiments-and-counting.html?utm_source=frontendfocus&utm_medium=email) Google Developers Blog 
[Dynamically Adding Text Tracks to HTML5 Video](http://www.iandevlin.com/blog/2015/02/javascript/dynamically-adding-text-tracks-to-html5-video?utm_source=frontendfocus&utm_medium=email) A look at the Text Track API. Includes a demo.  Ian Devlin 
[Dropdown Menus with More Forgiving Mouse Movement Paths](http://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/?utm_source=frontendfocus&utm_medium=email) Chris Coyier 
[Using Squire, a Lightweight HTML5 Rich Text Editor](http://code.tutsplus.com/tutorials/using-squire-a-lightweight-html5-rich-text-editor--cms-22934?utm_source=frontendfocus&utm_medium=email) Tuts+ 
[What Is WebRTC and How Does It Work?](http://www.innoarchitech.com/what-is-webrtc-and-how-does-it-work/?utm_source=frontendfocus&utm_medium=email) Alex Castrounis 
[Polymer 0.8 Sneak Peek](https://divshot.com/blog/web-components/polymer-0-8-sneak-peek/?utm_source=frontendfocus&utm_medium=email) Michael Bleigh 
[Apple's Web?](http://timkadlec.com/2015/02/apples-web/?utm_source=frontendfocus&utm_medium=email) Tim says: “Apple simply does not play well with other vendors when it comes to standardization. The same sort of things we once criticized Microsoft for doing long ago, we give Apple a pass on today.”  Tim Kadlec 
[HTML5 Number Inputs – Comma and Periods As Decimal Marks](https://www.aeyoun.com/posts/html5-input-number-localization.html?utm_source=frontendfocus&utm_medium=email) A look at some i18n and accessibility issues with HTML5 number inputs.  Aeyoun 
[A Live Table of Web Cryptography API Support in your Browser](https://diafygi.github.io/webcrypto-examples/?utm_source=frontendfocus&utm_medium=email) Daniel Roesler 
[Fast HTML5 Charts With Full Interactivity](http://www.zingchart.com/tour/html-charts/?utm_source=cooperPress=text=html5-weekly-secondary-022515)Build charts that match your app and empower your users, no matter the browser or device. ZingChartSponsor
[html-janitor: An HTML Sanitizer](https://github.com/guardian/html-janitor?utm_source=frontendfocus&utm_medium=email) The Guardian 
[How HTML Form Elements Appear in Various Browsers on Windows and Mac](http://medialize.github.io/ally.js/tests/focus-outline-styles/index.html?utm_source=frontendfocus&utm_medium=email) Medialize 
[The Expressive Web: An HTML5 and CSS3 Showcase by Adobe](http://beta.theexpressiveweb.com/?utm_source=frontendfocus&utm_medium=email) Adobe 
[Web Looper: A Loop Recorder Built with the Web Audio API](http://weblooper.hackandstack.com/?utm_source=frontendfocus&utm_medium=email) Marco Chiappetta 
[Afterglow Ski Game](http://afterglowskigame.com/?utm_source=frontendfocus&utm_medium=email) A WebGL based skiing game built as a marketing tool by Philips. Very slick.  Philips 
[SVG Masking Experiment](http://codepen.io/noeldelgado/pen/ByxQjL?editors=101) Move your cursor across an illustration of a person to see an x-ray (which is a separate SVG image).  Noel Delgado 
[huewheel: Hue/HSL Color Wheel for HTML5 Browsers](https://github.com/epistemex/huewheel?utm_source=frontendfocus&utm_medium=email) Epistemex 
[Plyr: A Simple HTML5 Media Player with Custom Controls](http://plyr.io/?utm_source=frontendfocus&utm_medium=email) Selz 


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 Yelp!](http://www.yelp.com/careers?jvi=oUOmWfwK,Job)Join Yelp's Front-end team and help build a modern, styleguide-driven UX for our 138 million users! We’re looking for people who love good code and working closely with design, product, and other engineers to make great features. Yelp
- [Hired gives top web developers more power in their job search.](http://hired.com/?utm_source=newsletters=html5weekly=n-feb25_15-html5weeklyspons=power)You'll create a profile over 1 week tech companies will apply to you! You'll get salary/equity offers upfront you're under no obligation to accept any offer. Interested? Join Hired today. Hired.com

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

[CSS Basic User Interface Module Level 3 (CSS3 UI)](http://www.w3.org/TR/2015/WD-css3-ui-20150224/?utm_source=frontendfocus&utm_medium=email) news 
Describes user interface-related selectors, properties and values that are proposed for CSS level 3 to style HTML.
W3C

[Google Celebrates 1,000 Chrome Experiments and Counting](http://googledevelopers.blogspot.com/2015/02/1000-chrome-experiments-and-counting.html?utm_source=frontendfocus&utm_medium=email) news
Google Developers Blog

[Dynamically Adding Text Tracks to HTML5 Video](http://www.iandevlin.com/blog/2015/02/javascript/dynamically-adding-text-tracks-to-html5-video?utm_source=frontendfocus&utm_medium=email) tutorial 
A look at the Text Track API. Includes a demo.
Ian Devlin

[Dropdown Menus with More Forgiving Mouse Movement Paths](http://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/?utm_source=frontendfocus&utm_medium=email) tutorial
Chris Coyier

[Using Squire, a Lightweight HTML5 Rich Text Editor](http://code.tutsplus.com/tutorials/using-squire-a-lightweight-html5-rich-text-editor--cms-22934?utm_source=frontendfocus&utm_medium=email) tutorial
Tuts+

[What Is WebRTC and How Does It Work?](http://www.innoarchitech.com/what-is-webrtc-and-how-does-it-work/?utm_source=frontendfocus&utm_medium=email) tutorial
Alex Castrounis

[Polymer 0.8 Sneak Peek](https://divshot.com/blog/web-components/polymer-0-8-sneak-peek/?utm_source=frontendfocus&utm_medium=email) opinion
Michael Bleigh

[Apple's Web?](http://timkadlec.com/2015/02/apples-web/?utm_source=frontendfocus&utm_medium=email) opinion 
Tim says: “Apple simply does not play well with other vendors when it comes to standardization. The same sort of things we once criticized Microsoft for doing long ago, we give Apple a pass on today.”
Tim Kadlec

[HTML5 Number Inputs – Comma and Periods As Decimal Marks](https://www.aeyoun.com/posts/html5-input-number-localization.html?utm_source=frontendfocus&utm_medium=email) opinion 
A look at some i18n and accessibility issues with HTML5 number inputs.
Aeyoun

[A Live Table of Web Cryptography API Support in your Browser](https://diafygi.github.io/webcrypto-examples/?utm_source=frontendfocus&utm_medium=email) tools
Daniel Roesler

[Fast HTML5 Charts With Full Interactivity](http://www.zingchart.com/tour/html-charts/?utm_source=cooperPress=text=html5-weekly-secondary-022515) tools 
Build charts that match your app and empower your users, no matter the browser or device.
ZingChartSponsor

[html-janitor: An HTML Sanitizer](https://github.com/guardian/html-janitor?utm_source=frontendfocus&utm_medium=email) tools
The Guardian

[How HTML Form Elements Appear in Various Browsers on Windows and Mac](http://medialize.github.io/ally.js/tests/focus-outline-styles/index.html?utm_source=frontendfocus&utm_medium=email) tools
Medialize

[The Expressive Web: An HTML5 and CSS3 Showcase by Adobe](http://beta.theexpressiveweb.com/?utm_source=frontendfocus&utm_medium=email) demo
Adobe

[Web Looper: A Loop Recorder Built with the Web Audio API](http://weblooper.hackandstack.com/?utm_source=frontendfocus&utm_medium=email) demo code
Marco Chiappetta

[Afterglow Ski Game](http://afterglowskigame.com/?utm_source=frontendfocus&utm_medium=email) demo 
A WebGL based skiing game built as a marketing tool by Philips. Very slick.
Philips

[SVG Masking Experiment](http://codepen.io/noeldelgado/pen/ByxQjL?editors=101) demo 
Move your cursor across an illustration of a person to see an x-ray (which is a separate SVG image).
Noel Delgado

[huewheel: Hue/HSL Color Wheel for HTML5 Browsers](https://github.com/epistemex/huewheel?utm_source=frontendfocus&utm_medium=email) code
Epistemex

[Plyr: A Simple HTML5 Media Player with Custom Controls](http://plyr.io/?utm_source=frontendfocus&utm_medium=email) code
Selz

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

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