#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

   🌐 The Web at 30

30 Years Ago The World Changed Forever — In March 1989, while at CERN, Sir Tim Berners-Lee wrote “Information Management: A Proposal” outlining the World Wide Web.

Coralie Mercier (W3C)

▶  30th Anniversary of the World Wide Web — A series of talks and discussions at CERN in celebration of the web’s 30th anniversary.

CERN

Tim Berners-Lee On 30 Years of The Web: 'If We Dream A Little, We Can Get The Web We Want' — What started out as an idea for a way scientists could share information went on to change the world. Three decades later, its founder reflects on his creation.

Alex Hern (The Guardian)

Web in 'Downward Plunge', Says Its Creator — Thirty years after he invented it, Sir Tim Berners-Lee says the web is not what it should be.

Rory Cellan-Jones (BBC)

💻 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

   🗓 Upcoming Events

FrontCon, April 3–5 — Riga, Latvia — A two-day conference focused on frontend concepts and technologies.

SmashingConf, April 16–17 — San Francisco, CA — A friendly, inclusive event which is focused on real-world problems and solutions.

IMAGECON, May 1–2 – San Francisco, CA — A two-day conference with a dozen workshops and seven speakers focused on all things images on the web.

CityJS Conference, May 3 — London, UK — Meet local and international speakers and share your experiences with modern Javascript development.

Frontend United, May 16-18 — Utrecht, Netherlands — A yearly, non-profit, developer-first, community-focused conference.

CSSCamp 2019, July 17 — Barcelona, Catalunya — A one-day, one-track conference for web designers and developers.