Robert Gaspar gasparrobi

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

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

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	let widget = await createWidget();
	if (!config.runsInWidget) {
	await widget.presentSmall();
	}

	Script.setWidget(widget);
	Script.complete();

	async function createWidget(items) {

	const axios = require('axios')

	/* ... */

	const params = new URLSearchParams()
	params.append('name', 'Akexorcist')
	params.append('age', '28')
	params.append('position', 'Android Developer')
	params.append('description', 'birthdate=25-12-1989&favourite=coding%20coding%20and%20coding&company=Nextzy%20Technologies&website=http://www.akexorcist.com/')
	params.append('awesome', true)

	<#
	Note: Eliminate `-WhatIf` parameter to get action be actually done
	Note: PS with version prior to 4.0 can't delete non-empty folders
	#>

	Get-ChildItem -Path "." -Include "node_modules" -Recurse -Directory \| Remove-Item -Recurse -Force -WhatIf

	axios({
	url: 'http://localhost:5000/static/example.pdf',
	method: 'GET',
	responseType: 'blob', // important
	}).then((response) => {
	const url = window.URL.createObjectURL(new Blob([response.data]));
	const link = document.createElement('a');
	link.href = url;
	link.setAttribute('download', 'file.pdf');
	document.body.appendChild(link);