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?
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.
An increasing reliance on JS can result in needless performance issues for our users. Addy Osmani looks at how a little discipline can help.
In this article Nick Babich focuses on the main principles, heuristics, and approaches to help create a great user experience.
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.
overscroll-behavior property overrides the browser’s default overflow scroll behavior when reaching the top/bottom of content. Currently in Chrome 63+ only.
Content Security Policy: The Easy Way to Prevent Mixed Content tutorial
A special HTTP header can tell browsers to report on mixed content problems.
How To Make a Chart using AJAX, REST APIs, and ZingChart tutorial
Developing a Chrome Extension using Angular 4 tutorial
How to 'Disable' Links tutorial
In short, try not to, but if you have to, then…
Fun With WebGL 2.0: A Screencast Series video
An extensive on-going series digging into what you can do with WebGL.
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.”
Ask HN: What Are Some Rigorous Ways to Review and Test Usability of Webapps? opinion
QSS: A Simple Query Syntax for CSS Element Queries code