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>

GerHobbelt

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!

---

GerHobbelt

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:

GerHobbelt

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

Table of Contents

• Smileys and People

GerHobbelt

#!/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

GerHobbelt

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

GerHobbelt

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

GerHobbelt

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

GerHobbelt

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()

GerHobbelt

// 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'