webtoast webtoast

macOS 10.12 Sierra Setup

Custom recipe to get macOS 10.12 Sierra running from scratch, setup applications and developer environment. This is very similar (and currently mostly the same) as my 10.11 El Capitan setup recipe and 10.10 Yosemite setup recipe. I am currently tweaking this for 10.12 Sierra and expect to refine this gist over the next few weeks.

I use this gist to keep track of the important software and steps required to have a functioning system after a semi-annual fresh install. I generally reinstall each computer from scratch every 6 months, and I do not perform upgrades between releases.

This keeps the system performing at top speeds, clean of trojans, spyware, and ensures that I maintain good organizational practices for my content and backups. I highly recommend this.

You are encouraged to fork this and modify it to your heart's content to match your o

I wanted to figure out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal.

TL;DR: Here's the solution I ended up with: https://github.com/filamentgroup/loadCSS/

For async JavaScript file requests, we have the async attribute to make this easy, but CSS file requests have no similar standard mechanism (at least, none that will still apply the CSS after loading - here are some async CSS loading conditions that do apply when CSS is inapplicable to media: https://gist.github.com/igrigorik/2935269#file-notes-md ).

Seems there are a couple ways to load and apply a CSS file in a non-blocking manner:

My approach to fix the iOS bug is documented here:

https://github.com/sergiolopes/ios-zoom-bug-fix

Here I present one experiment with a pure CSS solution, no JS required. It uses width=device-width normally (no device-height hacking) and scales down the page on landscape.

Works fine on all iOS versions.

There's only one problem: on old iOS versions (prior to 4.3.5), the page will get a big empty space at bottom, below the content, when on landscape. Recent iOS versions don't show this behavior.

	/*
	* Angular LoadScript
	*
	* Let angular load and execute lazy javascript from partials!
	*
	* This module is the result of this issue: "1.2.0rc1 regression: script tags not loaded via ngInclude"
	* Issue url: https://github.com/angular/angular.js/issues/3756
	*
	* As of Angular 1.2.0 the ngInclude scripts does not permit execution of javascript from included partials.
	* This little module execute code inside script tags with "javascript-lazy" attribute after partial loading,

	// Future versions of Hyper may add additional config options,
	// which will not automatically be merged into this file.
	// See https://hyper.is#cfg for all currently supported options.

	module.exports = {
	config: {
	// default font size in pixels for all tabs
	fontSize: 14,

	// font family with optional fallbacks

	#
	# Working with branches
	#

	# Get the current branch name (not so useful in itself, but used in
	# other aliases)
	branch-name = "!git rev-parse --abbrev-ref HEAD"
	# Push the current branch to the remote "origin", and set it to track
	# the upstream branch
	publish = "!git push -u origin $(git branch-name)"

	#!/bin/bash
	if [ ! -r "/usr/local/git" ]; then
	echo "Git doesn't appear to be installed via this installer. Aborting"
	exit 1
	fi
	echo "This will uninstall git by removing /usr/local/git/*/, /etc/paths.d/git, /etc/manpaths.d/git"
	printf "Type 'yes' if you sure you wish to continue: "
	read response
	if [ "$response" == "yes" ]; then
	sudo rm -rf /usr/local/git/

	Sass Mixin for typekit variation-specific font-family names
	Typekit IE6-8 Support (http://help.typekit.com/customer/portal/articles/6855-Using-multiple-weights-and-styles)

	$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	$georgia: Georgia, Cambria, "Times New Roman", Times, serif;


	// Must include fallbacks for EACH typekit font — set them each as variables
	//************************************************************************//
	$typekit-fonts: "source-sans-pro", "ff-tisa-web-pro"; // index [1, 2]

	/global module:false/
	module.exports = function(grunt) {

	// Project configuration.
	grunt.initConfig({
	min: {
	ariaAccessibility: {
	src: ['src/javascripts/jquery.selectBoxIt.ariaAccessibility.js'],
	dest: 'src/javascripts/jquery.selectBoxIt.ariaAccessibility.min.js'
	},

	# the admin password for all of the IE VMs is “Password1″ without the quotes, it's also used for the password hints

	1) Install VirtuaBox on your mac

	http://download.virtualbox.org/virtualbox/4.1.10/VirtualBox-4.1.10-76795-OSX.dmg

	2) Decide which versions of Internet Explorer you want to download and install – each version of Internet Explorer is contained within a separate virtual machine that runs within VirtualBox. In other words, if you want to run Internet Explorer 7, 8, and 9, you will need to download three separate VM’s, which may take a while so keep that in mind. Select the text below and copy it:

	# Install ALL versions of Internet Explorer: IE 7, IE 8, and IE 9 (for now this script will also pull down a IE 6 vm with windows xp)