#423 — January 15, 2020

Read on the Web

Frontend Focus

Microsoft's Chromium-Powered Browser Arrives — The new version of Microsoft Edge is now out of preview and available for download. Developer documentation for the updated browser can be found here. (So, what's the nickname for this one then? Edgium? Credge? 😅)

Kyle Pflug (Microsoft)

Google to Phase Out User-Agent Strings in Chrome — User agent strings have been a part of the Web since (almost) the very beginning, but there’s a growing movement to reduce their status. Chrome plans to shift to using Client Hints and Apple, Microsoft and Mozilla have shown interest in freezing or phasing out user agent strings too.

Catalin Cimpanu

On-Demand Webinar: How to Prepare Your Data Pipeline for Machine Learning and AI — Training-based session on transforming your data to power machine learning and AI projects. Use AWS Data Pipeline to automate data movement and transformation and explore software solutions in AWS Marketplace that make your data analytics-ready.

Amazon Web Services (AWS) sponsor

Chrome Experimenting with Web NFC Implementation — Web NFC aims to provide a way for sites to read and write to a nearby NFC tag. Google are currently experimenting with implementing the API with a view to shipping in Chrome 84. You can scrub up on the spec here, and try a Chrome-only demo (behind a flag) here.

François Beaufort

A Short History of Body Copy Sizes on the Web — An interesting look into how default text sizes have changed over the years, some thoughts as to why we’ve seemingly landed on 16px as the default, and what modern variable solutions are emerging.

Florens Verschelde

Get Started Building Extensions for The New Microsoft Edge — Now that it's here, you may want to look into developing an extension for Microsoft’s new version of Edge. The good news is that most existing extensions built for Chrome will work without any modifications.

Killian McCoy

Google Plans to Kill Off Third-Party Cookies in Chrome 'Within 2 Years' — The search giant is setting out a long grace period for its intended browser change and is asking the online advertising industry to help it build more privacy-focused alternatives to the cookie. Here's Google's blog post on it.


💻 Jobs

Full-Stack or Front-End Engineer - Rails/React (Remote/NYC) — Got 2+ years of experience? Come help build the next iteration of our growing digital recovery platform centered on providing alcohol abuse treatment.


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.


📙 Articles, Tutorials & Opinion

Why You Should Choose <article> over <section>“Think of <article> not just as a newspaper article, or a blog post, but as an article of clothing — a discrete entity that can be reused in another context.” This has key implications for users using assistive technology like screen readers.

Bruce Lawson

CSS4 Is Here — Of course, it isn’t - but PPK argues that saying as much may be a good marketing move to entice the 'cult of new'.

Peter-Paul Koch

Text Links: Best Practices for Screen Readers — Compares screen reader behavior for aria-label and title attributes on text links. This sort of stuff is always worth scrubbing up on.

Sailesh Panchang

Make 2020 the Year to Master MongoDB. Try Studio 3T Today — Generate driver code for JavaScript, Python, Ruby and more? Build queries fast with our drag & drop editor? Of course.

Studio 3T sponsor

A Basic Example of the Web Share API — The Web Share API enables native sharing (via other apps/social networks) on pages.

Dillion Megida

The End of Indie Web Browsers: You Can (Not) Compete — Explores how DRM in browsers (in place to appease the Netflix’s and HBO’s of the world) has somewhat restricted independent browser development.

Samuel Maddock

Pixels Vs. Relative Units in CSS: Why It’s Still A Big Deal

Kathleen McMahon

Why Should You Use HSL Color Representation in CSS?

Mateusz Piguła

▶  Building Resilient Frontend Architecture

Monica Lent

CSS-Only Carousel — A look at just how far HTML and CSS will take you when building a carousel/slideshow.

Chris Coyier

Fixed Table Headers — Revisiting how to build a table with fixed headers using position: sticky.

Adrian Roselli

Seven CSS Properties You Had No Idea About — I wasn’t familiar with bleed, caret-color and the now deprecated azimuth properties.

Tomasz Łakomy

🔧 Code, Tools and Resources

Tailwind CSS Adds Grid Support — Note this is only the pre-release of version 1.2.0, but adds plenty, including CSS Transition, Transform & Grid support.

Tailwind CSS

Variable Fonts — This site isn’t new, but continues to be a handy resource for both finding and trying out a growing collection of variable fonts.

Nick Sherman

CFP for ForwardJS San Francisco and Ottawa Now OPEN

ForwardJS sponsor

Palettab — If you’re constantly on the source for color palette inspiration then this Chrome extension may be just the ticket. It shows a color swatch and font pairing on every new tab.

Tim Holman & Claudio Guglieri

Tiny Helpers — Some good stuff in this growing collection of single-purpose online tools for web devs.

Stefan Judis

Harp: A Static Web Server with Built-in Preprocessing

Chloi Inc.

   🗓 Upcoming Events

Flashback Conference, February 10-11 — Orlando, USA — Looks at cutting-edge web dev, browser APIs and tooling, but adds how they’ve evolved from the past to the web of today.

Frontend Developer Love, February 19-21 — Amsterdam, Netherlands — Three full days of talks from 35+ global JavaScript leaders from around the world.

ConveyUX, March 3-5 — Seattle, USA — This West Coast user experience conference features over 65 sessions across three days.

W3C Workshop on Web & Machine Learning, 24-25 March — Berlin, Germany — Hosted by Microsoft, this free event aims to “bring together providers of Machine Learning tools and frameworks with Web platform practitioners to enrich the Open Web Platform with better foundations for machine learning”.