Frontend Focus
Issue 177 — February 25, 2015
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

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

Still an Editor’s Draft but work is continuing. Deep stuff; it's not bedtime reading.
W3C

Frontend Masters
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 Masters   Sponsor

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

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

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

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   Sponsor

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   Sponsor

Describes user interface-related selectors, properties and values that are proposed for CSS level 3 to style HTML.
W3C

Google Developers Blog

A look at the Text Track API. Includes a demo.
Ian Devlin

Chris Coyier

Tuts+

Alex Castrounis

Michael Bleigh

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

A look at some i18n and accessibility issues with HTML5 number inputs.
Aeyoun

Daniel Roesler

Build charts that match your app and empower your users, no matter the browser or device.
ZingChart   Sponsor

The Guardian

Medialize

Adobe

Marco Chiappetta

A WebGL based skiing game built as a marketing tool by Philips. Very slick.
Philips

Move your cursor across an illustration of a person to see an x-ray (which is a separate SVG image).
Noel Delgado

Epistemex

Selz

Jobs Supported by Hired.com

  • Front End Engineer at Yelp!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. 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.

In Brief

CSS Basic User Interface Module Level 3 (CSS3 UI) 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 news
Google Developers Blog

Dynamically Adding Text Tracks to HTML5 Video tutorial
A look at the Text Track API. Includes a demo.
Ian Devlin

Dropdown Menus with More Forgiving Mouse Movement Paths tutorial
Chris Coyier

Using Squire, a Lightweight HTML5 Rich Text Editor tutorial
Tuts+

What Is WebRTC and How Does It Work? tutorial
Alex Castrounis

Polymer 0.8 Sneak Peek opinion
Michael Bleigh

Apple's Web? 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 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 tools
Daniel Roesler

Fast HTML5 Charts With Full Interactivity tools
Build charts that match your app and empower your users, no matter the browser or device.
ZingChart  Sponsor

html-janitor: An HTML Sanitizer tools
The Guardian

How HTML Form Elements Appear in Various Browsers on Windows and Mac tools
Medialize

The Expressive Web: An HTML5 and CSS3 Showcase by Adobe demo
Adobe

Web Looper: A Loop Recorder Built with the Web Audio API demo code
Marco Chiappetta

Afterglow Ski Game demo
A WebGL based skiing game built as a marketing tool by Philips. Very slick.
Philips

SVG Masking Experiment 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 code
Epistemex

Plyr: A Simple HTML5 Media Player with Custom Controls code
Selz