W3C and WHATWG to Work Together to Advance The Open Web Platform — If you've been a Frontend Focus subscriber from when it was HTML5 Weekly, you might remember frequent articles about the divisions between the W3C and WHATWG's approaches to working on the then-HTML5 (now just 'HTML') specs. It's fantastic to see them coming together to collaborate on the development of a single version of the HTML and DOM specifications from here on out.

Jeff Jaffe

The State of Fluid Web Typography — This detailed summary seeks to answer the question of whether fluid typography is ready to be used on the web today. Highlights how fluid type can improve the reading experience, explores potential scaling problems and raises some accessibility considerations.

Matej Latin

Build Fast, Accurate, Customized Maps With Mapbox — Whether you’re designing an app from scratch or looking to improve your UX, Mapbox has the tools and solutions for you. Built by and for developers, Mapbox is used by 1.2M developers today. Sign up for free.

Mapbox sponsor

Accessible Icon Buttons — An icon button is, simply, a button that’s merely an icon (with no text). They’re very popular in webapps in particular, but are they accessible? They can be, with Sara’s great tips.

Sara Soueidan

Pixi.js 5.0: Create Beautiful 2D Web Experiences — Boasts the ‘fastest, most flexible 2D WebGL renderer’ to let you take advantage of hardware acceleration without getting involved in WebGL or 3D concerns. Check out demos for what the code looks like and what you’d use it for. There’s also a Pixi Playground for quickly crafting your own experiments.

PixiJS

Firefox Brings You Smooth Video Playback with the World’s Fastest AV1 Decoder — Last week’s release of Firefox 67 added support for the “high performance, royalty free AV1 video decoder called 'dav1d'”, which is now enabled by default on all desktop platforms.

Nathan Egge & Christopher Montgomery (Mozilla)

Frontend Engineers to Profitable Healthtech Startup (Stockholm, Sweden) — Join our 30-person team of A-players, solve problems at global scale & help us become the most trustworthy online health company.

Diet Doctor Sweden AB

Find a Frontend Job on Vettery — Vettery specializes in tech roles and is completely free for job seekers.

Vettery

Google Forces Microsoft Edge Preview Users to Use Chrome for the Modern YouTube Experience — This is odd considering the recent collaboration between Microsoft & Google, and is hopefully in error.. although.

Mehedi Hassan

Understanding Grid Placement Through Building A HTML Periodical Table — A practical walkthrough of CSS Grid techniques.

Chen Hui Jing

The CSS background-image Property as an Anti-Pattern — The author argues that the CSS background-image property “allowed us to do some amazing things, but in most cases, it’s time to leave it behind”.

Andrew Welch

How to Create a Split, Faux-Container Layout with CSS Grid and Flexbox — Building a split layout that breaks an article into separate, colored panels.

Andy Bell

Four Reasons Your z-index Isn’t Working (and How to Fix It) — Explains in detail some of the most common reasons why z-index might not be doing what you expect, with fixes for each.

Jessica Chan

Reducing Motion with the picture Element — This element accepts media queries, so prefers-reduced-motion can prove handy.

Brad Frost

Get the Fastest App Deployments. Get Started Free

Buddy sponsor

Before Netscape: The Forgotten Browsers of the Early 1990s — This article is from a few years back but has surfaced up again. It offers a look back at web browsers such as Erwise, Viola, Cello and Mosaic.

Matthew Lasar

16 DevTools Tips & Tricks Every CSS Developer Needs to Know

Louis Lazaris

Making Websites Work with Windows High Contrast Mode

Diedra Rater (Khan Academy)

Zdog: A Pseudo-3D Engine for Canvas and SVG — A JavaScript engine for designing and rendering simple 3D models on the Web. Geometries exist in 3D space, but are rendered here as flat shapes, which helps keeps things small. Here’s the repo.

Metafizzy

Version 8 of Angular Released — A major release of the popular app framework, featuring smaller bundles, CLI APIs, differential loading and more.

Stephen Fluin

115+ Robust Components for Your Angular Apps — ExtAngular offers pre-built components and tools to help you build Angular apps fast. Save time and try it free today.

SENCHA sponsor

CSS Grid Generator — Set the numbers and units of your columns and rows, and this tool will generate a CSS grid for you.

Sarah Drasner

subsetcss: Linter to Limit Yourself to Defined Subset of Values

Ilya Radchenko