Skip to content

Instantly share code, notes, and snippets.

@GerHobbelt
GerHobbelt / HTML+CSS jotdown notes misc.md
Last active January 9, 2021 15:33
HTML+CSS jotdown notes misc

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
GerHobbelt / gist_markdown_examples.md
Last active December 29, 2022 08:21 — forked from jonschlinkert/markdown-cheatsheet.md
A better markdown cheatsheet.

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
GerHobbelt / emoji-list.md
Last active June 6, 2024 11:46 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

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

@GerHobbelt
GerHobbelt / remove_git_submodule.sh
Last active May 22, 2020 10:47 — forked from moyaldror/remove_git_submodule.sh
Complete remove of git submoule
#!/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
GerHobbelt / so-q-58891186.jison
Created November 17, 2019 15:47
OP file, compilable by jison-gho. SO: https://stackoverflow.com/posts/58902159
// 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 }
@GerHobbelt
GerHobbelt / what-forces-layout.md
Last active June 8, 2019 13:16 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.

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
GerHobbelt / grammar.jison
Last active January 1, 2018 03:51 — forked from juliandavidmr/grammar.jison
grammar pseudo language
// 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'