#374 — January 16, 2019

Read on the Web

Frontend Focus

When And How To Use CSS Multi-Column Layout — Rachel Andrew, co-editor of the multi-column spec, explains why it is different to other layout methods, and where you may want to use it.

Smashing Magazine

Big Win for Web Accessibility in Domino's Pizza Case — The 9th District Court has ruled that the Americans with Disabilities Act (ADA) applies to Web sites meaning that US courts can now order companies to make their sites WCAG 2.0 compliant.

Law Office of Lainey Feingold

Cheat Sheet: Functional Programming with JavaScript — JavaScript developers, here’s a handy resource for your reference stack. Download this handy resource containing short definitions, tips, code examples of arrow functions and more. Get your copy.

Progress Kendo UI sponsor

Firefox 69 Will Have Flash Disabled by Default — Mozilla has announced that Adobe Flash will be disabled in Firefox 69 (due for release in September). Mozilla plans to remove the plugin from its browser entirely in 2020.

Paul Hill

Web Standards: The What, The Why, And The How — A look at the history of Web Standards, how to use them in your work, plus ways you can get involved in making them.

Amy Dickens

An Introduction to CSS Containment — A handy explainer on what the draft css-contain property is, what work on the spec has taken place so far, and what progress has been made in implementing it in Chromium.

Manuel Rego Casasnovas

The Developer’s Guide to Native Web Animation — A look at native animation options currently available, and what the differences between them are.

Lisi Linhart

💻 Jobs

UI Engineer, Design Systems (San Francisco) — As a UI Platform Engineer at Uber, you'll be building Base UI, Uber's design language for all web applications at Uber and beyond.


Find A Job Through Vettery — Vettery specializes in developer roles and is completely free for job seekers.


📘 Articles, Opinion & Tutorials

Creating Accessible SVGs — A detailed look at accessibility considerations when working with Scalable Vector Graphics (with plenty of code examples).

Carie Fisher

Designing Layouts for Screen Readers — A straightforward guide to making a page easy to use, navigate and read for users of assistive technology.

Ben Robertson

▶  What CSS Taught Me — A reflection on 20-years of building websites, with a particular focus on CSS.

Dan Cederholm

Stepping Away From Sass — A developer shares some examples of how they’ve stopped using Sass thanks to CSS Grid and custom properties.

Cathy Dutton

Piecing Together Approaches for a CSS Masonry Layout — A few different ways to approach creating a masonry layout in CSS.

Chris Coyier

Get Started: A MongoDB Aggregation Framework Guide from Studio 3T

Studio 3T sponsor

How To Build a Captivating Presentation Using HTML, CSS, & JavaScript

Emma Wedekind

Designing the Flexbox Inspector — The Flexbox Inspector, designed to help devs understand sizing, positioning and nesting of Flexbox elements, is due to land in Firefox 65 later this month. Here’s a look at what went into making it.

Victoria Wang

Why We Need CSS Subgrid — The author argues that whilst the CSS Grid spec “is amazing” there’s still “a gap to be filled by subgrid”.

Ken Bellows

▶  The Most Annoying Website — A humorous look at the ‘power’ of the web platform and various APIs.

Feross Aboukhadijeh

Dissecting Frontend Job Titles — An attempt to break down the common career labels and designations found in the frontend space, bringing a little clarity on the supposed nuances between them all.

Rachel Manning

Compiling Go(lang) to WebAssembly — For many years JavaScript has been the way to write front-end logic, but WebAssembly opens up options as a compilation target for other, traditionally server-side languages.

James Milner

▶  Firefox Dev Tools for Layout — As of Firefox 65 (in beta), you can inspect layouts that use Flexbox and CSS Grid easily. Here’s a quick look at how.

Jad Joubran

Quick Tip: Scroll An Element Into The Center of The Viewport

Hidde de Vries

🔧 Code and Tools

Chrome Extension: CSS Feature Toggles — A devtools extension to toggle support of selected CSS features for testing progressive enhancement fallbacks.

Keith Clark

ZingGrid: Make Responsive, Interactive JavaScript Data Grids & Tables — Create data grids and tables with built-in layout modes, multiple column types, drill-down options, and more with ZingGrid.

ZingGrid sponsor

Libraries To Help You Work with WebGL — Working with WebGL directly can get very verbose and technical quickly, but luckily there are libraries and toolkits to make it easier.

Arek Nawo

Anime.js 3.0: A JS Animation Library for the Web — A mature and powerful animation library takes another step forward with a new site, new documentation and examples, new easings, new callbacks, and more.

Julian Garnier

Designing the Flexbox Inspector — The Flexbox Inspector, designed to help devs understand sizing, positioning and nesting of Flexbox elements, is due to land in Firefox 65 later this month. Here’s a look at what went into making it.

Victoria Wang

Shop Like a Developer – Discover and Experiment with Hot New Cloud Services 🔥

Manifold sponsor

Conic Gradient Patterns — Taking a CSS pattern and using the conic-gradient property to create some interesting results.

Yuan Chuan codepen