An Inside Look at a Modern Web Browser

#358 — September 19, 2018 Read on the Web Frontend Focus Firefox Reality: Mozilla's 'Mixed Reality' Browser — Reality 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 Apps — v3.5.0 just came out. Google

by via Frontend Focus