#358 — September 19, 2018

Read on the Web

Frontend Focus

Firefox Reality: Mozilla's 'Mixed Reality' BrowserReality is an intriguing new browser being built by the mixed reality team at Mozilla to explore using the Web in VR and mixed reality contexts. A first release is now available in the Vive, Oculus, and Google Daydream app stores.

The Mozilla Blog

An Inside Look at a Modern Web Browser (Chrome, Specifically) — A fantastically illustrated four part series (two parts are up so far - part 2 here) digging into Chrome’s architecture and how it ultimately renders code into functional sites.

Mariko Kosaka

The Content Infrastructure for All Your Web Project Needs — Don’t want to set up and maintain a CMS but still have to give your colleagues a way to edit or manage content on your site? Contentful can help you with a scalable content infrastructure, array of modern APIs and a customizable editorial experience.

Contentful sponsor

Web Audio API is Now a W3C Candidate Recommendation — Supported in almost every browser, the Web Audio API spec is now a fundamental part of the Web. Some demos, if you haven’t played with it for a while.

W3C

The AMP Project's New Open Governance Model — The AMP project has faced a lot of criticism for how it’s helping to reshape the Web, so they’re opening things up a bit with official representation from more companies and open web advocates.

Accelerated Mobile Pages Project

Chrome 70 Beta and the Shape Detection API — The Shape Detection API consists of three other APIs, the Face Detection API, Barcode Detection API and Text Detection API, all designed to make a device’s shape detection capabilities available to Web developers.

Google

Flexbox: How Big Is That Flexible Box? — Explores the often confusing issue of sizing in Flexbox. How does Flexbox decide how big things should be?

Rachel Andrew

What Makes a Good Frontend Developer? — 10 front-end developers, some of who you may know, answer the question.

Chris Coyier

💻 Jobs

Sr. Front End Engineer - Web Animations (San Diego/Remote) — You enjoy finding cool designs on Dribbble and making them a reality. You have an online profile with some rad CSS and JS animations.

MJD Interactive

Try Vettery — Create a profile to connect with inspiring companies seeking FrontEnd devs.

Vettery

📘 Tutorials

Building Donut Progress Charts with Chrome's New Conical Gradients — Support for conic-gradient is currently limited to Chrome 69+.

Facundo Corradini

The Low Hanging Fruit of Web Performance — A collection of some “fairly easy to do” performance-increasing tactics that have noticable returns.

Chris Coyier

Create a Serverless Powered API in 10 Minutes

Cloudflare sponsor

Control Page Scroll in CSS Using Scroll Snapping

Alligator

Asynchronous Access to HTTP Cookies — The Cookie Store API is available for Origin Trials starting in Chrome 69.

Victor Costan (Google)

How Browser Rendering Works, Behind the Scenes — A high level walkthrough of how browsers operate.

Ohans Emmanuel

In New York We Are Doing Live Sessions Again. Get 100 USD Off

SMASHINGCONF NYC sponsor

Updating a CSS Variable with JavaScript

Chris Coyier

🔧 Code and Tools

WWWBasic: An Implementation of BASIC for the Web — Forget Chrome or Golang, this is surely Google’s defining product of the moment.

Google

Pa11y: An Automated Accessibility Testing Tool — Something you can add into your build process.

Pa11y

The Most Innovative Businesses Are Deploying Apps on DigitalOcean — Experience the developer-friendly cloud platform today with a free $100 credit toward your first project.

DigitalOcean sponsor

Panther: A Browser Testing and Web Crawling Library for PHP — Uses the W3C’s WebDriver protocol to drive native browsers from PHP.

Symfony

A Few Lines of CSS That Can Restart an iPhone — A security researcher has found a vulnerability in WebKit that can crash an iPhone or iPad.

Sabri on Twitter

Workbox: A Collection of JavaScript Libraries for Progressive Web Appsv3.5.0 just came out.

Google