Flow, a truly new browser with a new rendering engine

Cleaning Up the CSS Cascade — A genuinely beautiful explanation to how browsers handle the cascade in Cascading Style Sheets (CSS). If you’re an expert, you might not learn much here, but it’s a resource worth passing on to others.

Amelia Wattenberger

Native Web Components Come to Microsoft Edge (Thanks to Chromium) — We mentionedin last week's issue how Microsoft’s Chromium -based version of Edge isnow available, this also means that “all major evergreen browsers now support Web Components natively.”

Polymer Project

Clubhouse.io: Make 2020 Your Most Productive Year — Clubhouse is a collaborative home for software development that breaks down silos and brings creators together to ship value, not features. Now free for up to 10 users.

Clubhouse.io sponsor

▶   Writing CSS in The Year 3019 — A look at how topics such as progressive enhancement, accessibility, internationalization, and performance (as it relates to writing CSS) work today and how they may change.

Ire Aderinokun

Navigating The Web with a Gamepad — A thorough look at how you can navigate a page using a gaming controller ( via thein-draft Gamepad API ). Highlights how to move focus, use all the controller inputs and even provide feedback using the vibration motors.

De Voorhoede

Timeless Web Dev Articles — This is a great Twitter thread full of links to what folks consider to be timeless articles on web development. Plenty to dig into and add to your reading list.

Pavithra Kodmad on Twitter

HEAD: Everything To Go In Your HTML's head Element — From the basics up to a vast number of meta and link tags useful in various situations. We linked to this a year ago but it’s been updated over 2019 and remains a valuable resource.

Josh Buchea

Flow: A New Browser On The Block? — An interview with Piers Wombwell, lead developer ofFlow, a new in-development browser that has a completely new multi-threaded rendering engine (with no relation to WebKit, Gecko, or Blink).

Peter-Paul Koch

:computer: Jobs

Programmer - Research & Fidelity (United States) — Join our Research & Fidelity team and help shape the front end of our Rails apps and expand our suite of open-source JavaScript frameworks.

Basecamp

Senior Frontend-Focused Engineer in Munich — Do you love working with React, TypeScript, GraphQL, and working in a user-centred team? Then you're in for a treat. :cookie: Let's protect some businesses together. :raised_hands:

Finanzchef24

Find a Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

:orange_book: Articles, Tutorials & Opinion

How We Built Picture-in-Picture in Firefox Desktop with More Control Over Video — A detailed behind-the-scenes look at the evolution of the Picture-in-Picture player for the Firefox Desktop browser.

Mike Conley, Emanuela Damiani (Mozilla)

Building a D3 Dashboard with React, Material UI and Cube.js — Uses Postgres for the database (though you can use another, if you prefer) with React and D3 on the front end.

Cube Developers

Learn WebAssembly with This Practical and In-Depth Book

Level Up With WebAssembly Book sponsor

Fines for EU Privacy Breaches (GDPR) Reach 114 Million Euros

Douglas Busvine

Microsoft Edge for Windows 10 Finally Delivers A Top-Class Browser — If you haven’t had chance to try out Microsoft’s new version of Edge yet, here’s a review outlining what to expect.

Zac Bowden

Google Sunsetting Support for data-vocabulary Schema — As of April 6, data-vocabulary markup will no longer be eligible for Google rich result features.

Dan Brickley & Moshe Samet (Google)

How to Turn a Procreate Drawing into a Web Animation — Procreate is an iPad drawing app.

Sarah Drasner

Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords

Elad Shechter

How To Self-Host Your Web Fonts

Kev Quirk

Copy to The Clipboard using JS and The Clipboard API

Catalin Rosu

:wrench: Code, Tools and Resources

calcolor: Calculate Colors, Share Palettes — The author of this nifty tool has justwritten a thesis on the problems with common color models, and this web app came about following that research. It provides an alternative way to interact with digital color — Use it to preview/reference a single color, find its matching counterparts and tweak the color composition.

Timon Weber

Polypane 2.1: Edit All Your Panes At The Same Time — A new release of this (paid) developer-focused browser. Version 2.1 adds a nifty live CSS feature, a new meta information panel and rich snippet previews.

Kilian Valkhof

GooFonts: Google Fonts by Tags — This site has taken the 900+ available Google Fonts and tagged/grouped them all by keywords ( such as cursive, corporate, magic, funny, etc ).

Paulina Hetman & Sylvain Guizard

fitty: Makes Text Fit Perfectly — This lightweight JS package will scale up (or down) text so it fits perfectly to its parent container.

Rik Schennink