UPDATE 2017.09.13: Deploying ES2015+ Code in Production Today also provides a good writeup on this subject. Good workflow fleshed out by Sam Thorogood on using ES2015/ES6 modules with browsers that support, whilst also keeping older browsers (that don’t support it) happy. The modules Let’s take these 2 simple modules for example: // main.js import {x} …
Author Archives: Bramus!
Shipping
Luke Skywalker’s Landspeeder™ Kid Electric Car
Luke Skywalker’s Landspeeder™ by Radio Flyer is modeled after the sand-pocked and sun-faded X-34 craft from Star Wars: A New Hope. With seats for 2 riders, an interactive dashboard with lights and real movie sounds, and a 5mph driving speed, this speeder provides a truly galactic driving experience. For a whopping $499 this baby can …
Continue reading “Luke Skywalker’s Landspeeder™ Kid Electric Car”
Detect unnecessary renders in React with why-did-you-update
why-did-you-update is a library that hooks into React and detects potentially unnecessary component renders. It detects when a component’s render method is called despite its props their values are the same. Installation per npm, of course: npm install –save-dev why-did-you-update No need to adjust all your components either, why-did-you-update works by patching React itself: import …
Continue reading “Detect unnecessary renders in React with why-did-you-update“
sw-toolbox – A Collection of Tools for Service Workers
Service Worker Toolbox provides some simple helpers for use in creating your own service workers. Specifically, it provides common caching strategies for dynamic content, such as API calls, third-party resources, and large or infrequently used local resources that you don’t want precached. The code itself is very readable I must say: importScripts(‘sw-toolbox.js’); toolbox.precache([ ‘/css/app.css’, ‘/img/logo.png’ …
Continue reading “sw-toolbox – A Collection of Tools for Service Workers”
CSS is simple, but not easy
Good observation by Jeremy Keith, after having attended (the magnificent) CSS Day: Unlike a programming language that requires knowledge of loops, variables, and other concepts, CSS is pretty easy to pick up. Maybe it’s because of this that it has gained the reputation of being simple. It is simple in the sense of “not complex”, …
Jamie xx Boiler Room Reykjavík DJ Set
The Hidden Oil Patterns on Bowling Lanes
justify-content: space-evenly; for Flexbox
A new alignment mode for Flex-containers is justify-content: space-evenly; The alignment subjects are distributed so that the spacing between any two adjacent alignment subjects, before the first alignment subject, and after the last alignment subject is the same. Currently supported in Firefox, and in Chrome Canary. Box Alignment justify-content: space-evenly; for Flex-Containers →
What’s new in JavaScript? ES2017 Language Features
The ECMAScript 2017 Language Specification – the 8th edition of the spec – was officially released at the end of June by TC39. 💁♂️ ICYWW: Should we say ES2017 or ES8? → Say ES2017. Back in the day ES6 was (and still is) used a lot to refer to ES2015, but one should be referring …
Continue reading “What’s new in JavaScript? ES2017 Language Features”
PngPong Image Manipulation Library
For the recent UK Elections the folks The Guardian wanted to show big images along with their push notifications. Being bandwidth-aware they wanted a solution in which they could use a template image (which could then be cached) and then draw some stuff onto it. Only problem: Service Workers don’t have access to the Canvas …