Skip to content

Instantly share code, notes, and snippets.

View jkarttunen's full-sized avatar

Juha Karttunen jkarttunen

View GitHub Profile
@jkarttunen
jkarttunen / visualize-stacking-contexts.js
Created February 7, 2021 08:07 — forked from tlrobinson/visualize-stacking-contexts.js
Some console output to help you visualise stacking contexts on a page (no jquery)
/*
Usage:
* Paste this into your dev tools console (or even better as a snippet)
* It will parse the page and find all the things that create a new stacking context
and dump some info about them to the console. It will also outline them on the page.
* This is pretty rough and probably misses heaps of bugs and edge cases.
*/
function highlight(el) {
@jkarttunen
jkarttunen / autolayout.css
Last active June 22, 2022 17:39
Figma autolayout as css
.autolayout {
display: flex;
flex-direction: row;
flex-shrink: 0;
justify-content: flex-start;
align-items: flex-start;
}
/* Horizontal */
git config --global alias.lol "log --graph --decorate --pretty=oneline --abbrev-commit"
git config --global alias.lola "log --graph --decorate --pretty=format:\"%C(yellow)%h %Cred%cr %Cblue(%an)%C(white)%d%Creset %s\" --abbrev-commit --all"