Jim Montgomery jimmont

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:

How-to setup a simple git push deployment

These are my notes basically. I first created this just as a reminder for myself. Feel free to use this for your project as a starting point.

On the server (example.com)

Create a user on example.com, as which we (the git client) connects (push) to exmaple.com.

sudo useradd -m -s /usr/bin/git-shell git

How-to setup a simple git push deployment

These are my notes basically. At first i created this gist just as a reminder for myself. But feel free to use this for your project as a starting point. If you have questions you can find me on twitter @thomasf https://twitter.com/thomasf This is how i used it on a Debian Wheezy testing (https://www.debian.org/releases/testing/)

Discuss, ask questions, etc. here https://news.ycombinator.com/item?id=7445545

	//
	// Implementation using express-jwt middle
	//
	var express = require('express'),
	ejwt = require('express-jwt'),
	jwt = require('jsonwebtoken'),
	passport = require('passport'),
	bodyParser = require('body-parser'),
	LocalStrategy = require('passport-local').Strategy,
	BearerStrategy = require('passport-http-bearer').Strategy;

	var path = require('path');
	var fs = require('fs');
	var os = require('os');
	var express = require('express');
	var app = express();
	var Busboy = require('busboy');

	app.get('/', function (req, res) {
	res.send('<html><head></head><body>\
	<form method="POST" enctype="multipart/form-data">\

	// this is now a module:
	// https://github.com/WebReflection/backtick-template#es2015-backticks-for-es3-engines--


	var template = require('backtick-template');

	// just string
	const info = 'template';
	`some ${info}` === template('some ${info}', {info});

	// Simple proxy/forwarding server for when you don't want to have to add CORS during development.

	// Usage: node proxy.js
	// Open browser and navigate to http://localhost:9100/[url]
	// Example: http://localhost:9100/http://www.google.com

	// This is NOT for anything outside local development. It has zero error handling among other glaring problems.

	// This started as code I grabbed from this SO question: http://stackoverflow.com/a/13472952/670023

	app.directive('infiniteScroll', [
	'$rootScope', '$window', '$timeout', function($rootScope, $window, $timeout) {
	return {
	link: function(scope, elem, attrs) {
	var checkWhenEnabled, handler, scrollDistance, scrollEnabled;
	$window = angular.element($window);
	elem.css('overflow-y', 'scroll');
	elem.css('overflow-x', 'hidden');
	elem.css('height', 'inherit');
	scrollDistance = 0;

	tell application "Safari"
	activate
	delay 1.5
	tell application "System Events"
	tell process "Safari"
	set frontmost to true
	click menu item 2 of menu 1 of menu item "iPhone Simulator" of menu 1 of menu bar item "Develop" of menu bar 1
	end tell
	end tell
	end tell

	--log_gc (Log heap samples on garbage collection for the hp2ps tool.)
	type: bool default: false
	--expose_gc (expose gc extension)
	type: bool default: false
	--max_new_space_size (max size of the new generation (in kBytes))
	type: int default: 0
	--max_old_space_size (max size of the old generation (in Mbytes))
	type: int default: 0
	--max_executable_size (max size of executable memory (in Mbytes))
	type: int default: 0