#358 — September 19, 2018 |
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. |
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 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. |
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. |