d11n dennisreimann

Generate private key

$ openssl genrsa -out private.key 4096

Generate a Certificate Signing Request

openssl req -new -sha256 \

The Why and When of Choosing Elm

What is Elm?

Language (and "framework") for building web frontend applications
Can be used in place of HTML, CSS and JavaScript
Compiles into the above

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

console.log wrap resolving for your wrapped console logs

I've heard this before:

What I really get frustrated by is that I cannot wrap console.* and preserve line numbers

We enabled this in Chrome DevTools via blackboxing a bit ago.

If you blackbox the script file the contains the console log wrapper, the script location shown in the console will be corrected to the original source file and line number. Click, and the full source is looking longingly into your eyes.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

chose other install way

Open Terminal Ctrl+Alt+T Download Firefox Developer Edition tar file

wget https://download.mozilla.org/?product=firefox-aurora-latest-ssl&os=linux64&lang=en-US
Copy tar file to opt sudo cp -rp firefox-35.0a2.en-US.linux-x86_64.tar.bz2
Open opt folder (cd /opt/) and untar file sudo tar xjf firefox-35.0a2.en-US.linux-x86_64.tar.bz2

	/// <summary>
	/// Generates a permalink slug for passed string
	/// </summary>
	/// <param name="phrase"></param>
	/// <returns>clean slug string (ex. "some-cool-topic")</returns>
	public static string GenerateSlug(this string phrase)
	{
	var s = phrase.RemoveAccent().ToLower();
	s = Regex.Replace(s, @"[^a-z0-9\s-]", ""); // remove invalid characters
	s = Regex.Replace(s, @"\s+", " ").Trim(); // single space

	# Choices

	color :
	white : &color-white "#FFFFFF"
	black : &color-black "#262626"
	neutral :
	20 : &color-neutral-20 "#222222"
	90 : &color-neutral-90 "#EEEEEE"
	blue:
	50: &color-blue-50 "#2196F3"

	{% set cssupdate = '20150309' %}
	{% if _cookie.csscached == cssupdate %}
	<link rel="stylesheet" href="/css/global-min.{{ cssupdate }}.css">
	{% else %}
	<style>
	{% include 'global/critical.css' %}
	</style>
	<script>
	(function (win, doc) {
	'use strict';