Obinwanne Hill obihill

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:

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Local SSL websites on macOS Sierra

These instructions will guide you through the process of setting up local, trusted websites on your own computer.

These instructions are intended to be used on macOS Sierra, but they have been known to work in El Capitan, Yosemite, Mavericks, and Mountain Lion.

NOTE: You may substitute the edit command for nano, vim, or whatever the editor of your choice is. Personally, I forward the edit command to Sublime Text:

alias edit="/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"

This example connects to an imap server and retrieves emails

npm install imap mailparser

Install Nginx on Mac OS from source

no Homebrew required

1. Download Nginx

$ cd /usr/local/src
$ curl -OL http://nginx.org/download/nginx-1.12.2.tar.gz
$ tar -xvzf nginx-1.12.2.tar.gz && rm nginx-1.12.2.tar.gz

	#!/bin/bash
	PHANTOM_JS="phantomjs-1.9.8-linux-x86_64"
	if [[ $EUID -ne 0 ]]; then
	echo "You must be a root user" 2>&1
	exit 1
	else
	apt-get update
	apt-get install -y build-essential chrpath libssl-dev libxft-dev
	apt-get install -y libfreetype6 libfreetype6-dev
	apt-get install -y libfontconfig1 libfontconfig1-dev

	{
	// The plugin looks for a .jsbeautifyrc file in the same directory as the
	// source file you're prettifying (or any directory above if it doesn't exist,
	// or in your home folder if everything else fails) and uses those options
	// along the default ones.

	// Details: https://github.com/victorporof/Sublime-HTMLPrettify#using-your-own-jsbeautifyrc-options
	// Documentation: https://github.com/einars/js-beautify/
	"html": {
	"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg"],

	// Run this from the commandline:
	// phantomjs runner.js \| ffmpeg -y -c:v png -f image2pipe -r 24 -t 10 -i - -c:v libx264 -pix_fmt yuv420p -movflags +faststart output.mp4

	var page = require('webpage').create(),
	address = 'http://s.codepen.io/phanan/fullembedgrid/YPLewm?type=embed&safe=true&_t=1424767252279',
	duration = 3, // duration of the video, in seconds
	framerate = 24, // number of frames per second. 24 is a good value.
	counter = 0,
	width = 500,
	height = 500;

	Security - the elephant in the room. Everyone agrees that it is very important but few takes it seriously. We at RisingStack want you to do it right - this is why we have put together this checklist to help you guide through the must have security checks before your application is enabled to thousands of users/customers.

	Most of these items are general and applies to all languages and frameworks not just Node.js - however some of the tools presented are Node.js specific. You should also check our introductory Node.js security blogpost.

	Configuration Management

	Security HTTP Headers

	There are some security-related HTTP headers that your site should set. These headers are: