Blumed

const customElement = (tag, props = {}) => {
  const element = document.createElement(tag);
  
  if (props.id) element.id = props.id;
  
  if (props.className) element.classList.add(props.className);
  
  if (props.style) Object.assign(element.style, props.style);
  
  if (props.text) element.textContent = props.text;

Blumed

/*
Why did I make this?
I work in large codebase with lots of errors and warnings in the console that do not actually matter. 
I also don't like filtering my console messages to info only because I will forget to switch it back to verbose. 
I wanted to make my console message standout more visually and a 
quick way to jump back into my code from the browser.

Install
1. shift + command + p
2. Snippets: Configure Snippets

Blumed

Pixel to Rem Converter

Features:

• It reads the current pages root pixel size and unit size calculations will be based off of it
• You can edit the root pixel size if you would like and all calculations of unit sizes will change accordingly
• Updating the pixel value will update the rem value automatically
• Updating the rem value will update the pixel value automatically
• Using the copy buttons will append the unit name to the end of the value for you ex. 16px or 1.5rem
• Using up and down arrow keys will increment and decrement values in each input field
• UI is all tabable so you don't need a mouse to use it

Blumed

const container = document.createElement('dialog');

function createDialog() {
  const close = document.createElement('button');

  container.setAttribute('style', 'width: 100%;letter-spacing:1px;background-color:pink;font-family:helvetica !important;font-weight:100;border-radius:12px;padding-inline:60px;color:#161613;border-color:#fff;position:fixed;inset:0;margin:auto;width:100%;max-width:400px;z-index:2147483647;font-size:18px;text-rendering:optimizeLegibility;text-align:left;line-height:36px;');
  
  close.setAttribute('style', 'position:absolute;right:10px;top:8px !important;background-color:white;border-radius:50%;color:black;z-index:30;padding:0  0 0 1px;font-size:15px;font-weight:100;width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:flex-start;border:1px solid black;line-height:16px;');
  close.textContent = 'x';
  close.onclick = () => container.remove();

Blumed

/*
    Raw Code
*/

try {
  const rightNow = new Intl.DateTimeFormat("en-US", {
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
    hour: "2-digit",

Blumed

openWork() {
    StartColor="\e[1;32m"
    EndColor="\e[0m"
    editor="code" # add command which opens files/dirs using your editor
    workDirectory=(~/dev/) # add your path to your work directory
    directories=($workDirectory*)
    PS3="Enter the number associated with a directory you want to open with $editor? "
    echo "There are ${StartColor}${#directories[@]}${EndColor} directories in ${StartColor}${workDirectory}${EndColor}:"; \
    select directory in "${directories[@]##*/}"; do echo "Opening ${StartColor}${directory}${EndColor}"' with '${StartColor}${editor}${EndColor}'!'; $editor $workDirectory${directory};  break; done
}

Blumed

#!/bin/bash

echo "
$(tput bold)$(tput smul)Bootstrap $(tput setaf 6)V3.3.7$(tput sgr0)

$(tput setaf 7)$(tput bold)Grid$(tput sgr0)
  $(tput setaf 7)\$$(tput setaf 5)screen-xs-min $(tput setaf 7)= $(tput setaf 6)0
  $(tput setaf 7)\$$(tput setaf 5)screen-xs-max $(tput setaf 7)= $(tput setaf 6)767px

  $(tput setaf 7)\$$(tput setaf 5)screen-sm-min $(tput setaf 7)= $(tput setaf 6)768px

Blumed

#!/usr/bin/env bash
# 
# Bootstrap script for setting up a new OSX machine
# 
# This should be idempotent so it can be run multiple times.
#
# Notes:
#
# - If installing full Xcode, it's better to install that first from the app
#   store before running the bootstrap script. Otherwise, Homebrew can't access

Blumed

$('a').on('click', function(e) {
  if($(this).attr('href') === '#') {
    e.preventDefault();
    }
 });

Blumed

//https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript?page=1&tab=active#tab-top
let qd = {};
if (location.href) {
    let re = /(\#|\&)/;
    location.href.substr(1).split(re).forEach(item => {let [k,v] = item.split("="); v = v && decodeURIComponent(v).replace(/\+/g, " "); (qd[k] = qd[k] || []).push(v)})
}
//type qd into console to see all of the arrays created by script