Doug Estey dougestey

Nix on macOS Catalina

I'm writing this gist for my own records but it might help someone else too.

Installing Nix

Support for Catalina has improved a lot since the update was first rolled out.

Note: See the NixOS manual for discussion of the --darwin-use-unencrypted-nix-store-volume option.

Mobile Safari does not support position: fixed when an input focused and virtual keyboard displayed.

To force it work the same way as Mobile Chrome, you have to use position: absolute, height: 100% for the whole page or a container for your pseudo-fixed elements, intercept scroll, touchend, focus, and blur events.

The trick is to put the tapped input control to the bottom of screen before it activates focus. In that case iOS Safari always scrolls viewport predictably and window.innerHeight becomes exactly visible height.

Open https://avesus.github.io/docs/ios-keep-fixed-on-input-focus.html in Mobile Safari to see how it works.

Please avoid forms where you have several focusable elements because more tricks to fix position will be necessary, those were added just for demonstration purposes.

URL schemes for iOS and Android (2/2)

Read the blog at http://fokkezb.nl/2013/09/20/url-schemes-for-ios-and-android-2/

Setting up a SSL Cert from Comodo

I use Namecheap.com as a registrar, and they resale SSL Certs from a number of other companies, including Comodo.

These are the steps I went through to set up an SSL cert.

Purchase the cert

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:

	import firebase from "firebase/app";
	import "firebase/auth";
	import { gql, GraphQLClient } from "graphql-request";
	import { SWRConfig } from "swr";
	import create from "zustand";
	import { computed } from "zustand-middleware-computed-state";

	const firebaseConfig = {
	//
	};

	#!/bin/bash

	# call this from inside the /themes folder of https://github.com/Mayccoll/Gogh
	# do not place this as .sh file into /themes as this leads to double execution

	createColors() {
	source $1

	# White -> brightWhite
	# Light gray -> white

	# Change YOUR_TOKEN to your prerender token
	# Change example.com (server_name) to your website url
	# Change /path/to/your/root to the correct value

	server {
	listen 80;
	server_name example.com;

	root /path/to/your/root;
	index index.html;