Skip to content

Instantly share code, notes, and snippets.

View itwasmattgregg's full-sized avatar
:octocat:
Artisinally crafting interwebs

Matt Gregg itwasmattgregg

:octocat:
Artisinally crafting interwebs
View GitHub Profile
@lazabogdan
lazabogdan / SassMeister-input.scss
Last active August 14, 2020 18:10
Sass spacing utility
// ----
// libsass (v3.3.2)
// ----
$spacer: 1rem;
$spacer-x: $spacer;
$spacer-y: $spacer;
$spacers: ();
@itwasmattgregg
itwasmattgregg / Blend Mode Loading Spinner.html
Last active September 14, 2016 16:35
Generated by SassMeister.com.
<div class="loading">
<span class="bar bar-1"></span>
<span class="bar bar-2"></span>
<span class="bar bar-3"></span>
<span class="bar bar-4"></span>
</div>
@OrionReed
OrionReed / dom3d.js
Last active July 18, 2024 03:49
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
const SHOW_SIDES = false; // color sides of DOM nodes?
const COLOR_SURFACE = true; // color tops of DOM nodes?
const COLOR_RANDOM = false; // randomise color?
const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
const MAX_ROTATION = 180; // set to 360 to rotate all the way round
const THICKNESS = 20; // thickness of layers
const DISTANCE = 10000; // ¯\\_(ツ)_/¯