Philip CreaturePhil

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;
}

###Redux Egghead Video Notes###

####Introduction:#### Managing state in an application is critical, and is often done haphazardly. Redux provides a state container for JavaScript applications that will help your applications behave consistently.

Redux is an evolution of the ideas presented by Facebook's Flux, avoiding the complexity found in Flux by looking to how applications are built with the Elm language.

####1st principle of Redux:#### Everything that changes in your application including the data and ui options is contained in a single object called the state tree

Learning FP the hard way: Experiences on the Elm language

by Ossi Hanhinen, @ohanhi

with the support of Futurice 💚.

Licensed under CC BY 4.0.

Editorial note

Emacs cheatsheet

C-x C-c End emacs session
C-g Partially quit entered command

C-v Move forward one screenful
M-v Move backward one screenful
C-l Move the text around the cursor to the center of the screen. Also, it clears the screen and redisplay all the text

Git setup

$ git config --global user.name "John Doe"
$ git config --global user.email [email protected]

Check your settings

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.

	def bin_search(L, a):
	if (len(L) == 1):
	return "NO"

	mid = len(L) // 2

	if (a < L[mid]):
	return bin_search(L[:mid], a)
	elif (a > L[mid]):
	return bin_search(L[mid:], a)

	$columns: 12;

	$grid-breakpoints: (
	xs: 0,
	sm: 544px,
	md: 768px,
	lg: 992px,
	xl: 1200px
	);

	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	};

	NodeList.prototype.__proto__ = Array.prototype;

	# Procedure is for Ubuntu 14.04 LTS.

	# Using these guides:
	# http://datacenteroverlords.com/2012/03/01/creating-your-own-ssl-certificate-authority/
	# https://turboflash.wordpress.com/2009/06/23/curl-adding-installing-trusting-new-self-signed-certificate/
	# https://jamielinux.com/articles/2013/08/act-as-your-own-certificate-authority/

	# Generate the root (GIVE IT A PASSWORD IF YOU'RE NOT AUTOMATING SIGNING!):
	openssl genrsa -aes256 -out ca.key 2048
	openssl req -new -x509 -days 7300 -key ca.key -sha256 -extensions v3_ca -out ca.crt