Frontend Focus
Issue 200 — August 5, 2015
A writeup about how the precision in values provided by the Battery Status API could be used to track users who otherwise didn’t want to be tracked. If you want more detail, here’s the academic paper (PDF) behind it.

Chrome developer advocate Jake Archibald argues that the modern Web isn’t more complicated to code for but that users have higher expectations and halting technological advancements is not a worthwhile strategy.
Jake Archibald

A method that involves checking for browser capabilities before loading further CSS and JavaScript to give the user an enhanced experience.

Frontend Masters
Get access to your choice of a full-week of in-depth video lessons. Choose from either Introduction to Web Development, Angular, or Advanced JavaScript -- completely free!
Frontend Masters   Sponsor

Defines a mechanism to allow web developers to instruct a user agent to clear a user’s locally stored data related to the current host and its subdomains.

A look at two cutting edge CSS filter features: backdrop-filter, and a filter specifically for backgrounds only.
Vincent De Oliveira

A (PDF) paper describing a new approach to displaying subtitles alongside HTML5 video content in a responsive manner.

You like quizzes, right? This one’s only 9 questions long.

Pointer events are now supported in the nightly builds of Firefox. Check out this article for details and how to use the API.
Mozilla Hacks

Jobs Supported by

  • Intercom is looking for Software Engineers for our product team in Dublin, IrelandDo you obsess about the quality of the work you produce and know how to use the right tools and technologies for a problem? Join our exceptional team, we offer relocation and work permit application assistance. Intercom
  • Front End Engineer Storefront is a well-funded, online marketplace looking for a talented front-end engineer excited to build customer-facing features and solve cool problems. Want to be apart of the Pop Up Shop phenomenon? If so, apply today through AngelList. Storefront
  • Apply to top SF NYC startups in 60 secondsWant to spend less time job searching? Apply to and startup decision-makers will email you directly. You decide where to interview and where to work. No risk. Your information is kept private from current past employers.

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

In Brief

Using Asm.js and WebGL for Unity and Unreal Engine news opinion
A good overview of how the technologies have been tied together.

Want to share your developer expertise with a global audience? Apply today. news
Actively seeking web developers to become Pluralsight authors. Great opportunity to earn royalties and give back to the web development community.
Pluralsight  Sponsor

Web Inspector Interface Changes news
Some key changes to WebKit’s developer tools are now in in WebKit Nightly Builds and the Safari 9 beta.
Surfin' Safari

YouTube Makes New HTML5-based Desktop Player Available to Everyone news

Opera 31 Released news
Also includes what’s new in the release (and also Chromium 44, upon which it is based).

Making and Breaking the Web With CSS Gradients tutorial
Mozilla Hacks

Responsive Solutions for Feature Comparison Tables tutorial

How to Become a Great Front-End Engineer opinion
Written by an engineer from Google.
Philip Walton

Microsoft Edge Review: Windows Finally Has A Good Browser opinion
The Verge

CSS: Why We Need Localized Constants opinion
James Coleman

Deploy code from GitHub BitBucket with ease! tools
Easily deploy your code from Git, Mercurial or SVN repositories directly onto your FTP or SFTP servers. 50% off for 3 months with code HTMLWKLY
Deploy  Sponsor

Super Mario World Implemented in a WebGL Shader demo
Krzysztof Narkowicz

A 3D Audio Visualization with Three.js and Web Audio API code demo
Neri Barnini

jquery.stacky: Easy Stacking of Panels using jQuery code
A jQuery plugin that gives you the ability to open panels horizontally on demand.
Miguel Jiménez

MediaElement.js: HTML5 Video and Audio Player code
John Dyer

react-dropzone: Simple HTML5 Drag-Drop Zone in React.js code
Param Aggarwal