#382 — March 13, 2019

Read on the Web

Frontend Focus

The Web is 30 Years Old! Developers Revive First Web Browser at Week-Long Hackathon — A team of developers has visited CERN to recreate the initial ‘WorldWideWeb’ browser. We’re celebrating 30 years of the Web with a special ‘The Web at 30‘ section (below).

CERN

What’s New in Chrome 73 for Developers — Adds support for Mac PWAs, signed HTTP exchanges, constructable style sheets, and more.

Pete LePage (Google Developers)

New Courses: ? API Design in Node & ??? GraphQL — Design and build APIs in Node.js from the ground up. Use Express to build an API and handle REST verb methods to create, read, update and delete resources from MongoDB. Then, in the next course, you’ll learn how GraphQL empowers more flexibility into your APIs.

Frontend Masters sponsor

Designing An Aspect Ratio Unit For CSS — What problems will the new aspect ratio unit solve? A look at the design of a new CSS feature.

Rachel Andrew

Microsoft Proves The Critics Right: We’re Heading Toward a Chrome-Only Web — “if there’s not much point in taking the time and effort to support browsers that have a small audience .. this creates a negative feedback loop for those browsers, discouraging their use and pushing developers toward a world in which Chrome is the only browser that developers think about.”

Peter Bright

Navigate Chrome DevTools With Assistive Technology — A guide on navigating Chrome DevTools using assistive technology like screen readers.

Google Developers

The Third Party Web of Excessive JavaScript Execution — Research shows that across the top 1 million Web sites, just 800 origins account for 65% of all script execution time. Which 3rd party scripts are slowing the Web?

Patrick Hulce

? Jobs

Front End Developer?? in Beautiful Norway ? — Passion for React and GraphQL? Join our fast growing GraphQL e-commerce service Crystallize.

Crystallize

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

Vettery

? Articles, Tutorials & Opinion

Jumps: The New Steps() in Web Animation — A look at using step timing functions (part of the easing spec) in CSS animation. You’ll need to view the demos in Firefox 65+.

Dan Wilson

Why Can’t I Set The Font Size of A Visited Link? — You can change the font color on visited links, but not the font size — here’s why (it’s a security consideration).

James Fisher

? Search, Seek, and Destroy Vue.js Errors with Honeybadger — Vue apps on fire? Receive alerts of exceptions in real-time, helping to identify the root cause so you can fix them—fast.

Honeybadger sponsor

Building a Plasma Canvas Effect with Rust and WebAssembly — Yes, the actual effect is coded in Rust, but JavaScript is used to bring everything together and may be of interest to you if you want to bring other languages into your frontend development via WebAssembly.

Jeremy Likness

?  Eight Little Videos About The Firefox Shape Path Editor — A collection of brief videos demonstrating Firefox Shape Path editor features.

Mikael Ainalem

Tools and Modern Workflow for Frontend Developers — What build tools (like npm scripts, Grunt, gulp and webpack) do and how to use them.

Ogundipe Samuel

IMAGECON: The Ultimate Event For Devs on Rich Media. Learn More

Cloudinary sponsor

How I Added Dark Mode to My Website

Flavio Copes

? Code and Tools

AV1: AVIF (AV1 Still Image Format) Polyfill for the Browser — AVIF is a image format whose spec has just reached version 1.0.

Kagami Hiiragi

VectorLogoZone: Well Formatted SVG Logos, Perfect for Your README or Sites — Almost 3000 logos covering all the major brands and technologies you can think of. Even allows hotlinking, if you choose.

Andrew and Noah

Dare to Stream: Try Bitmovin’s Encoding, Player, & Analytics Solutions for Free

Bitmovin sponsor

REAVIZ: A D3.js-based React Data Visualization Library — There’s a Storybook-based demo showing off the various types of visualization including bar charts, hives, pie charts, scatter plots, sparklines and more.

JASK Open Source