Frontend Focus
Issue 311 — October 11, 2017
“WebRender isn’t really about making rendering faster. It’s about making it smoother.” A great look at improvements coming to Firefox soon.
Mozilla Hacks

A collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’.
Bennett Feely

Bitmovin
MPEG-DASH or HLS? Cloud encoding or Hardware encoding? HEVC, VP9 or H.264? Find out what developers are using now, and what they will be using in 2018.
Bitmovin   Sponsor

A deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style resets overall.
Nicholas Cerminara

An extensive overview of techniques, best practices, and things learnt by Grammarly, creators of a popular browser extension.
Igor Kononuchenko

Smashing Magazine ran a CSS Grid design challenge and here are the results. A good look at what’s possible with CSS Grid today.
Smashing Magazine

Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android.
Sean Lyndersay

Jobs

In Brief

Blink's Intent to Implement: 'async' Attribute On 'img' Elements news
A potential future way to increase responsiveness.
blink-dev

Bringing WebVR to Everyone with The Windows 10 Fall Creators Update news
Lewis Weaver

CFP for Munich Frontend Conference Ends This Sunday news
PaperCall

$20 Free on a new Linode account 
Linux cloud hosting starting at 1GB of RAM for $5/mo. Get $20 credit on a new account.
Linode Cloud Hosting  Sponsor

Filtering Images using the Web Audio API tutorial
Creative experiments with arrays of sound and vision.
Rafael Specht da Silva

(S)CSS Best Practices You May Have Not Yet Known tutorial
A few nice tips for writing robust and maintainable styles.
Mirosław Ciastek

Making a Pure CSS Play/Pause Button tutorial
Daniel Abilla

Implementing A Service Worker For Single-Page App WordPress Sites tutorial
Leonardo Losoviz

A Fearless Guide to Using CSS Grid tutorial
Brenda Storer

Building Your Core Accessibility Team in 5 Steps tutorial
Dennis Lembree

Troubleshoot slow web apps with Datadog 
Get alerts for performance problems and find the bottleneck in your application with end-to-end request tracing.
Datadog  Sponsor

Blasting React Into Space: Building Fluid Interfaces with React and WebGL video
Ashi Krishnan

Bringing Back The 1990s: The Revenge of JavaScript Style Sheets video
Steve Kinney

What Is The Least/Most Common Color Used On Web Pages? opinion
HTTP Archive