Ger Hobbelt GerHobbelt

HTML: grey boxes for not-yet-arrived text, etc. (a.k.a. "Skeleton Screens")

HTML+CSS

<div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item ">
          <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;">
              <svg aria-label="Directory" class="octicon octicon-file-directory text-color-icon-directory" height="16" viewBox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg>

          </div>

Copied from https://gist.github.com/kevinSuttle/1997924
Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

DEPRECATED

Please see: https://github.com/kevinSuttle/html-meta-tags, thanks for the idea @dandv!

Gist markdown examples

A collection of Markdown code and tricks that were tested to work in Gist.

This and all public gists in https://gist.github.com/ww9 are Public Domain. Do whatever you want with it including , no need to credit me.

Todo

Reformat this whole document and assimilate these:

A list of GitHub emoji markup, adapted from rxavier's Complete list of github markdown emoji markup, generated with a Grunt script for maintainability (see repository).

Additional original source material: http://unicode.org/emoji/charts/full-emoji-list.html

This table is available as a gist at https://gist.github.com/GerHobbelt/b9b87a2257ddd5251a45628d61385717 and as part of the build repo at https://github.com/GerHobbelt/emoji-list/blob/master/dist/emoji-list.md

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.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

	#!/bin/bash
	#
	# Work repo: https://gist.github.com/GerHobbelt/5f084b559d3197c04e90dfd018a00ee6
	#
	# Sources:
	# https://stackoverflow.com/a/16162000/1635910
	# https://gist.github.com/myusuf3/7f645819ded92bda6677
	# https://stackoverflow.com/questions/1260748/how-do-i-remove-a-submodule/1260982#1260982
	#
	if [ $# -ne 1 ]; then

	// https://stackoverflow.com/questions/58891186/custom-location-tracking-in-jison-gho

	%lex

	%{

	/* After reading a lexeme go to "delimit" state to
	expect delimiter and return the lexeme. Arrow function
	is used to bind this. */
	var delimit = (terminal) => { this.begin('delimit'); return terminal }

	// https://stackoverflow.com/questions/58891186/custom-location-tracking-in-jison-gho

	%lex

	%{

	/* After reading a lexeme go to "delimit" state to
	expect delimiter and return the lexeme. Arrow function
	is used to bind this. */
	var delimit = (terminal) => { this.begin('delimit'); return terminal }

	// https://stackoverflow.com/questions/58891186/custom-location-tracking-in-jison-gho

	%lex

	%{

	/* After reading a lexeme go to "delimit" state to
	expect delimiter and return the lexeme. Arrow function
	is used to bind this. */
	var delimit = (terminal) => { this.begin('delimit'); return terminal }

	// https://gist.github.com/juliandavidmr/5c545f8cc1fe58d19986625a7a17f756

	/* description: Parses end executes mathematical expressions. */

	/* lexical grammar */
	%lex
	%%

	\s+ /* skip whitespace */
	[0-9]+("."[0-9]+)?\b return 'NUMBER'