James Homer homerjam

Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.

I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.

Use Canary for development instead of Chrome stable

~~Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.~~

Requirements

Minikube requires that VT-x/AMD-v virtualization is enabled in BIOS. To check that this is enabled on OSX / macOS run:

sysctl -a | grep machdep.cpu.features | grep VMX

If there's output, you're good!

Prerequisites

Direct copy of pre-encoded file:

$ ffmpeg -i filename.mp4 -codec: copy -start_number 0 -hls_time 10 -hls_list_size 0 -f hls filename.m3u8

command-line-printing

to print the file filename.pdf using the default printer:

lpr filename.pdf

you can also specify the printer name using -P printername:

lpr -P printername filename.pdf

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitHub

	THREE.TransformationShader = {
	defines: {},
	uniforms: {

	"tDiffuse": { type: "t", value: texture },
	"opacity": { type: "f", value: 1.0 },
	"translationX": { type: "f", value: 1.0 },
	"translationY": { type: "f", value: 1.0 },
	"translationZ": { type: "f", value: 1.0 },
	"scaleX": { type: "f", value: 1.0 },


	### Full command line options

	```
	ffmpeg -f gif -i FOO.gif -pix_fmt yuv420p -c:v libx264 -movflags +faststart -filter:v crop='floor(in_w/2)2:floor(in_h/2)2' BAR.mp4
	```

	### Notie

	* output mp4 is encoded with h264, support Firefox/Chrome/Safari in Windows, Mac OSX, Android, and iOS.

	'use strict'

	// ideal for use with AWS Lambda and native Node.js modules

	// requires Docker: https://docs.docker.com/engine/installation/

	/*
	Usage:
	node docker-npm.js install
	node docker-npm.js rebuild

	// Usually I use this in my app's config file, in case I need to disable all cache from the app
	// Cache is from `js-cache`, something like `import Cache from 'js-cache';`
	const cacheable = true,
	cache = new Cache();

	// On request, return the cached version, if any
	axios.interceptors.request.use(request => {

	// Only cache GET requests
	if (request.method === 'get' && cacheable) {