Jasper Moelker jbmoelker

Smallest HTML5 shim ever

130 bytes, that's what it takes.

Script

"header footer section aside nav article figure figcaption hgroup time main".replace(/\w+/g,function(a){document.createElement(a)})

Seven Questions All Businesses Must Answer

The Engineering Question: Can you create breakthrough technology (vs. incremental improvement)?
The Timing Question: Is now the right time to start this particular business?
The Monopoly Question: Are you starting with a big share of a small market?

Background

One of the biggest missed opportunities thus far with HTTP/2 ("H/2") is that we are not yet able to sunset WebSockets in favor of H/2. Web Sockets and H/2 both support multiplexing messages bi-directionally and can send both textual and binary data.

Server Sent Events ("SSE"), by contrast, are not bi-directional (they're a "server-push-only" channel) and binary data cannot be sent easily. They are, however, very simple to implement. Adding to the menagerie of options, RTCPeerConnection can also be used to signal data to applications in a low-latency (but potentially lossy) way.

Because H/2 [does not support the handshake (upgrade) that WebSockets use to negotiate a connection](https://daniel.haxx.se/blog/2016/06/15/no-websockets-

Intro to Co-Authored Git Commits

Why

In student projects, I commonly look at contribution graphs to see how much code they worked on, to get an idea if one student is doing more work than others on the project. This can be used for coaching and performance grading.

How

Start with your ~/.gitconfig file in your home folder. Add these lines:

Based on this blogpost.

Install with Homebrew:

$ brew install postgresql@14

(The version number 14 needs to be explicitly stated. The @ mark designates a version number is specified. If you need an older version of postgres, use postgresql@13, for example.)

	require.config({
	paths: {
	/* other paths are omitted */
	'bootstrap': '../libs/bootstrap'
	},
	shim: {
	'bootstrap/affix': { deps: ['jquery'], exports: '$.fn.affix' },
	'bootstrap/alert': { deps: ['jquery'], exports: '$.fn.alert' },
	'bootstrap/button': { deps: ['jquery'], exports: '$.fn.button' },
	'bootstrap/carousel': { deps: ['jquery'], exports: '$.fn.carousel' },

	scripts {
	"generate:icons": "npm-run-all icons:*",
	"install-icon-generator": "npm i grunticon-cli phantomjs rimraf svgo",
	"icons:optimize-svg": "svgo -f ./Views/Shared/Icons/RawIcons -o ./tmp ",
	"icons:grunticon": "grunticon ./tmp ./Views/Shared/Icons/Assets --config=./Scripts/generate-icons/config.js",
	"icons:clean": "rimraf ./tmp"
	}

	dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	right: auto;
	padding: 30px;
	transform: perspective(500px) translate(-50%, -50%);
	background: linear-gradient(to bottom, #FFF, #F4F4F4) #FFF;
	border: none;
	border-radius: 3px;