josh_ joshangehr

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.~~

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

	<?php
	/**
	* Grab the url of a publicly embeddable video hosted on vimeo
	* @param str $video_url The "embed" url of a video
	* @return str The url of the thumbnail, or false if there's an error
	*/
	function grab_vimeo_thumbnail($vimeo_url){
	if( !$vimeo_url ) return false;

	$data = json_decode( file_get_contents( 'http://vimeo.com/api/oembed.json?url=' . $vimeo_url ) );

	import UIKit

	class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

	@IBOutlet weak var tableView: UITableView!

	override func viewDidLoad() {
	super.viewDidLoad()
	NSLayoutConstraint.activate([
	tableView.topAnchor.constraint(equalTo: view.topAnchor),


	/*
	A simple little SCSS mixin for creating scrim gradients
	Inspired by Andreas Larson - https://github.com/larsenwork
	https://css-tricks.com/easing-linear-gradients/
	*/

	@mixin scrimGradient($startColor: $color-black, $direction: 'to bottom') {

	$scrimCoordinates: (

	<?php

	error_reporting( error_reporting() & ~E_NOTICE ); // evil

	// config
	$enable_jsonp = false;
	$enable_native = false;
	$valid_url_regex = '/.*/';

	// ############################################################################

	class EventsListWidget_NewlyAddedEvents {
	protected $constraints = array(
	'sidebar_id' => null,
	'widget_id' => null,
	'widget_title' => null
	);

	public function __construct( array $constraints = array() ) {
	$this->constraints = array_merge( $this->constraints, $constraints );
	add_filter( 'widget_display_callback', array( $this, 'setup' ), 10, 3 );

	/*!
	* jQuery JavaScript Library v2.1.1pre
	* http://jquery.com/
	*
	* Includes Sizzle.js
	* http://sizzlejs.com/
	*
	* Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
	* Released under the MIT license
	* http://jquery.org/license

	import ddf.minim.analysis.*;
	import ddf.minim.*;
	Minim minim;
	AudioPlayer jingle;
	FFT fft;
	AudioInput in;
	float[] angle;
	float[] y, x;

	void setup()

	// Move Yoast to bottom
	function yoasttobottom() {
	return 'low';
	}
	add_filter( 'wpseo_metabox_prio', 'yoasttobottom');