Frontend Focus
Issue 317 — November 22, 2017

A slightly shorter than usual issue today in respect of Thanksgiving. We hope you have a good one if you celebrate it.

CSS Grid might provide one of the biggest recent improvements in front-end development, but how can we gracefully deal with browsers that don’t support it?
Rachel Andrew

After the successful launch of Quantum, we’re already thinking about the next Firefox which includes a CSS Shapes highlighter, font-display support, and a better debugger.
Mozilla Hacks

Frontend Masters
Join Kyle Simpson, author of the popular “You Don’t Know JavaScript” book series, as he deep dives into JavaScript's core mechanics like scope, closure, this and prototypes ..plus new features in ES6 and more.
Frontend Masters   Sponsor

An increasing reliance on JS can result in needless performance issues for our users. Addy Osmani looks at how a little discipline can help.
Addy Osmani

In this article Nick Babich focuses on the main principles, heuristics, and approaches to help create a great user experience.
Smashing Magazine

This isn’t necessarily all useful but it’s a cute introduction to some of the principles of compression using reducing an SVG file’s size as an example.
Anton Khlynovskiy

The overscroll-behavior property overrides the browser’s default overflow scroll behavior when reaching the top/bottom of content. Currently in Chrome 63+ only.
Google Developers

In Brief

Content Security Policy: The Easy Way to Prevent Mixed Content tutorial
A special HTTP header can tell browsers to report on mixed content problems.
Scott Fennell

How To Make a Chart using AJAX, REST APIs, and ZingChart tutorial
Derek Fletes

Developing a Chrome Extension using Angular 4 tutorial
Jakub Kaczmarek

How to 'Disable' Links tutorial
In short, try not to, but if you have to, then…
Gerard Cohen

Fun With WebGL 2.0: A Screencast Series video
An extensive on-going series digging into what you can do with WebGL.
YouTube

Image Filters using WebGL video
Google Chrome Developers

The 'F-Shaped' Pattern of Reading on the Web Revisited opinion
“Eleven years after discovering the F-shaped reading pattern, we revisit what it means today.”
Kara Pernice

Ask HN: What Are Some Rigorous Ways to Review and Test Usability of Webapps? opinion
Hacker News

The Nine Best JavaScript Charting Libraries tools
A collection of JavaScript libraries for data visualization.
Anton Shaleynikov

QSS: A Simple Query Syntax for CSS Element Queries code
Tommy Hodgins