Cache Recipes: Using the CacheStorage API

A combination of cacheing patterns using the CacheStorage API in JavaScript, with real world app use cases, examples and code snippets. - https://goo.gl/CNZasG

#mobile

How to Write Powerful Schemas in JavaScript

An introduction to schm, a library for building schemas in a functional and composable way. - https://goo.gl/DoWYyP

#javascript #schm

CSS Grid Application Layout in Production

Philipp Sporrer shares how their team reimplemented an application layout in CSS Grid, what benefits they saw and how they were able to support IE11. - https://goo.gl/26Luya

#css

Update on Async Rendering

Brian Vaughn shares some of the lessons the React team have learned while working on the update and async rendering features, plus some recipes to help prepare your components for the launch - https://goo.gl/2zBY8i

#react

What’s New with V8 v6.6

Due to be released with Chrome 66 in a few weeks, the latest version of the V8 JavaScript engine changes the behavior of Function.prototype.toString(), adds trimStart() and trimEnd() methods to strings, has improved code caching, major async and array performance improvements, and more. - https://goo.gl/YJ6qaX

#chrome

Adding Favicons in a Multi-Browser Multi-Platform World

A refresher on what needs to be done to have a favicon show up everywhere you’d expect it to - https://goo.gl/5y2pRb

#mobile

Authoring Validatable Custom Vue Input Components

Building Vue.js components is very fun and straightforward, you can build almost anything and it will work most of the time. - https://goo.gl/sHJmir

#vue

W Descriptors and Sizes: Under the Hood

Eric Portis explains the mechanics of srcset and sizes, and how exactly browsers use it to load images responsively. - https://goo.gl/NpKtt2

#css

A Slack App Step-by-Step: A Real-Life Example

A thorough walkthrough of what building a Slack app with Node and Express.js entails. - https://goo.gl/GoLpZv

#nodejs

React 16.3 Released with StrictMode and an Official Context API

Introduces a new, more efficient context API, though the old, experimental context API will keep working for all 16.x releases. There are also changes to component lifecycles, a StrictMode component that activates extra checks and warnings for descendants, and createRef and forwardRef APIs. - https://goo.gl/jqQSKV

#react

The Vue from React: Building Apps with Vue Using My Knowledge of React

UI developer Ian Wilson has documented the process of learning VueJS as someone who has worked a lot with React - https://goo.gl/wdUPDx

#vue

12 Chrome DevTools Tips and Tricks

The DevTools gain new features all the time, so it’s always worth keeping an eye on ways to use it. Here’s a collection of quick tips that may prove handy. - https://goo.gl/YiFA72

#chrome #tools #tips

Using async/await to Write Cleaner Route Handlers - https://goo.gl/FgMHjH

#nodejs

A Practical Introduction to React Router 4

A gentle intro to React Router 4, a popular, declarative routing mechanism — packed with practical examples. - https://goo.gl/KBs3fe

#react #router

The Ultimate Guide to Background Images in Email

If you want to make your emails more visually engaging here is everything you need to know. Is there anything on this list that you think we should be doing? - https://goo.gl/nvjR4b

#email

Cropping Away Negative Impacts of Line Height

Kevin Powell shows how to get rid of the whitespace above and below the text to render space in UI components systematically and consistently. - https://goo.gl/uv5mdo

#css

ES Modules: A Cartoon Deep-Dive

ES modules bring an official, standardized module system to JavaScript and once Firefox 60 is out (soon) it’ll be supported in all major browsers. But what do they entail? - https://goo.gl/4uzruC

#javascript

An Update on the Development of Async Rendering in React

The React core team present a thorough update on what they’ve learnt while building out React’s newest asynchronous rendering features and what you can do to be prepared with your own components. - https://goo.gl/fjhgtB

#react

WAI-ARIA: the dark art of accessibility?

Getting better insight into how to make something like a carousel ARIA ready. - https://goo.gl/DH9ZoG

#html #area

How 'display: contents' Works

display: contents makes an element’s children appear as direct children of the element’s parent, ignoring the element itself. This explains how it works and why you might want to use it. For now, it’s only in the current releases of Firefox & Chrome but support is growing. - https://goo.gl/yBcewV

#css

A tale of Webpack 4 and how to finally configure it in the right way - https://goo.gl/zB13q8

#webpack