Skip to content

Instantly share code, notes, and snippets.

yumyo / input.scss
Created December 12, 2023 12:11
Generated by
Z-Index Utility Library
The idea here is that most values are auto-generated by the tool (the null values), but you can specify them if you want. That way, if you have a third-party component with a z-index value you can’t change, you plug that into the map, and then the auto-generated numbers will factor that in when you make layers on top. It also means it’s very easy to slip layers in between others.
Inspired by Rafi Strauss OZMap
Mentioned in "Systems for z-index" by Chris Coyier
yumyo /
Created February 28, 2023 11:46 — forked from idleberg/
“Open in Visual Studio Code” in macOS context-menu

Open in Visual Studio Code

  • Open Automator
  • Create a new document
  • Select Quick Action
  • Set “Service receives selected” to files or folders in any application
  • Add a Run Shell Script action
    • your default shell should already be selected, otherwise use /bin/zsh for macOS 10.15 (”Catalina”) or later
    • older versions of macOS use /bin/bash
  • if you're using something else, you probably know what to do 😉
"Base": {
"Primary": {
"MCH Black": {
"value": "#1d2327",
"type": "color"
"MCH White": {
"value": "#ffffff",
"type": "color"
yumyo /
Created August 31, 2022 15:51 — forked from thefranke/
A list of RSS endpoints, readers and resources

The RSS Endpoint List

Please refer to this blogpost to get an overview.

Replace *-INSTANCE with one of the public instances listed in the scrapers section. Replace CAPITALIZED words with their corresponding identifiers on the website.

Social Media


yumyo / css_pattern_use.html
Created March 15, 2022 11:33 — forked from iros/css_pattern_use.html
<div class="circles-1">
yumyo / font-stacks.css
Created September 12, 2020 13:10 — forked from don1138/font-stacks.css
CSS Modern Font Stacks
/* Modern Font Stacks */
/* System */
font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
/* Times New Roman-based serif */
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* A modern Georgia-based serif */
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
"fibonacci": {
"0": 0,
"1": 1,
"2": 1,
"3": 2,
"4": 3,
"5": 5,
"6": 8,
"7": 13,
yumyo / datalayer.php
Created November 6, 2019 11:39
WordPress Google Tag Manager Data Layer
<!-- K Google Tag Manager Data Layer -->
<script type="text/javascript">
// URL toolbox - helps grabbing elements in the URL
var _d = document;
var _dl = _d.location;
var _dlp = _dl.pathname;
var _dls =;
var _dr = _d.referrer;
// Initialize your data layer and start pushing variables from custom WordPress PHP data layer
yumyo / wp-google-tag-manager
Created November 6, 2019 10:47 — forked from tankbar/wp-google-tag-manager
Add Google Tag Manager in WordPress with hooks and actions
add_action('wp_head', 'google_tag_manager_head', 20);
function google_tag_manager_head() { ?>
<!-- Google Tag Manager -->
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
// This was a quick proof of concept from 2009, use the script freely -
// Specify document
$gd_doc = "dd9zpc9r_4jh8qv76j";
$gd_doc_type = "doc";
$gd_array = array();
$gd_array["doc"]["url"] = "".$gd_doc;
$gd_array["doc"]["start"] = '&lt;div id="doc-contents"&gt;';