miclgael

// ==UserScript==
// @name        Storybook global style fix
// @namespace   Violentmonkey Scripts
// @match       http://localhost:6006/
// @grant       none
// @version     1.0
// @author      Michael Gale <https://www.michaelgale.dev>
// @description Fixes global style leaking into your components in Storybook 7 by harshly removing the offending style tag from the iframe.
// ==/UserScript==

miclgael

<table>
    <tbody>
    <tr>
        <th>Feature</th>
        <td>Toggle</td>
        <td>2 Toggle buttons</td>
        <td>3+ Toggle buttons</td>
        <td>Checkbox</td>
        <td>Radio group</td>
    </tr>

miclgael

version: '3'
services:
  app:
    image: nginx:alpine
    ports: ["80:80"]
    restart: unless-stopped

  restarter:
    image: docker:cli
    volumes: ["/var/run/docker.sock:/var/run/docker.sock"]

miclgael

// ==UserScript==
// @name     ActualBudget - Temporary Dark-mode script
// @version  0.0.1
// @grant    GM_log
// @include  // <YOUR_INSTANCE_URI_HERE>
// @run-at   document-end
// ==/UserScript==

console.log('GreaseMonkey: ActualBudget - Temporary Dark-mode script by @miclgael');

miclgael

// ==UserScript==
// @name     Formspree Exporter
// @version  0.0.1
// @grant    GM_log
// @include  https://formspree.io/forms/*/submissions
// @run-at   document-end
// ==/UserScript==

console.log('GreaseMonkey: Formspree Exporter by @miclgael');

miclgael

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

miclgael

# Package manager-agnostic dev command
# 1. Add to your ~/.bashrc or ~/.zshrc file
# 2. Just type `dev`
dev() {
  if [ -e yarn.lock ]
  then
    yarn run dev
  else
    npm run dev
  fi

miclgael

<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <symbol id="icon-home" viewBox="0 0 32 32">
      <path d="M32 18.451l-16-12.42-16 12.42v-5.064l16-12.42 16 12.42zM28 18v12h-8v-8h-8v8h-8v-12l12-9z"></path>
    </symbol>

    <!-- etc. -->
    <symbol>
      <path></path>
    </symbol>

miclgael

# DEPLOY TO PRODUCTION
# READS FROM .env file
# e.g. $APP_DEPLOY_HOST
# e.g. $APP_DEPLOY_PATH

# check for .env
if [ -f .env ]; then
  # Load environment variables
  export $(cat .env | grep -v '#' | awk '/=/ {print $1}')
  echo 'Reading vars from .env file'

miclgael

[
  {
    "url": "https://www.github.com/miclgael",
    "icon": "🌐",
    "text": "Github"
  },
  {
    "url": "https://www.twitter.com/michaelgale_dev",
    "icon": "🐦",
    "text": "Twitter"