Frontend Focus
Issue 308 — September 20, 2017
This decision has resulted in the EFF resigning from the consortium due to a belief that the W3C process is no longer suited to defending the open web.
Cory Doctorow

François Poizat looks at how variable & parametric fonts will revolutionize responsive type.
Smashing Magazine

A big update to this popular guide for getting your CSS behaving in a range of email clients.
Campaign Monitor

Linode Cloud Hosting
Get a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Use promo code HTML520 for a $20 credit on a new account.
Linode Cloud Hosting   Sponsor

The Web Payments Working Group has advanced both Payment Request API and Payment Method identifiers to Candidate Recommendation Status.

A future version of Chrome may force all domains ending on .dev (and .foo) to be redirected to HTTPs via a preloaded HTTP Strict Transport Security (HSTS) header.
Mattias Geniar

Techniques, considerations, and approaches that will help you write more accessible CSS.
Manuel Matuzovic

A look at a non-standard attribute supported by Chrome, Firefox and Edge for allowing the selection of an entire directory via a form.
Vitaly Friedman


W3C Publishes Encrypted Media Extensions as a W3C Recommendation news

Building The DOM Faster: Speculative Parsing, Async, Defer and Preload tutorial
How browsers interpret code and how they help load pages faster with speculative parsing.
Milica Mihajlija

Taking CSS Linting to the Next Level with Stylelint tutorial
Ashley Nolan introduces the features of stylelint, a flexible and well-supported CSS linting tool that can improve your code style/maintenance.

Building a multiplayer game with Angular and Pusher tutorial
Learn how to build a realtime Angular game from scratch, taking advantage of the awesome realtime capabilities with Pusher.
Pusher  Sponsor

Basic Grid Layout with Fallbacks using Feature Queries tutorial
Chen Hui Jing

'The Notch' (on iPhone X) and CSS tutorial
Chris Coyier

Chrome Extensions for Quick Site Redesigns tutorial
How one developer uses Chrome extensions to do quick site redesigns.
Monica Dinculescu

Building Inclusive Toggle Buttons tutorial
Heydon Pickering

CSS Grid: Bringing True 2D Layout to the Web video
Melanie Richards

Microsoft Edge Web Summit 2017 Roundup video
All of the recorded sessions from the recent Edge Summit are now available (with slides and captions).
Channel 9

Running a Performance Profile on the YouTube Search Box with DevTools video
Umar Hansa

I Don’t Know Who The Web Audio API Is Designed For opinion
“The scope of Web Audio is hopelessly huge, with features I can’t imagine anybody using, core abstractions that are hopelessly expensive, and basic functionality basically missing.”
Jasper St. Pierre

Create Beautiful, Dynamic React Apps with a Single Component Library - Try ExtReact for Free Today tools
Sencha, Inc.  Sponsor A JS WebGL2 Framework for Data Visualization code