Skip to content
View mikemcbride's full-sized avatar
🍪
accepting cookies
🍪
accepting cookies
60 followers · 13 following

Achievements

Achievement: Pair Extraordinairex3Achievement: QuickdrawAchievement: YOLOAchievement: StarstruckAchievement: Pull Sharkx3Achievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair Extraordinairex3Achievement: QuickdrawAchievement: YOLOAchievement: StarstruckAchievement: Pull Sharkx3Achievement: Arctic Code Vault Contributor

Block or report mikemcbride

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mikemcbride/README.md

Hey, I'm Mike 👋

🗞️ Developer productivity engineer at The New York Times. Previously built web apps, developer tooling, and deployment automation at World Wide Technology. I like making the web a little nicer than I found it.

📍 Based in St. Louis. Fueled by 🐔 chicken & sausage gumbo and 🍍🍕 pineapple pizza (I will not apologize).

🛠️ Things I've Built

Flexbox Playground (source) — visually build flexbox layouts and get the generated markup and styles.

Box Shadow Generator (source) — design and generate CSS box-shadows in the browser.

Electron Highlighter 🎨 — a color theme I made that's available for VS Code, Ghostty, Hyper, Sublime, and a bunch of terminal emulators.

convert-color-cli 🌈 — convert between hex, rgb, and hsl (with transparency support) from the command line.

🧩 Other Stuff

  • ✍️ I (barely) write things about frontend dev, developer tools, and occasionally life.
  • ⚙️ I maintain a dotfiles repo if you're into that sort of thing.
  • 💬 Ask me about Vue, React, JavaScript, CSS, keyboard shortcuts, or Vim.

📫 Get In Touch

Blog · Email · Mastodon

Pinned Loading

  1. two-beards/flexbox-playground two-beards/flexbox-playground Public

    A resource for visually understanding flexbox

    Vue 108 14

  2. two-beards/box-shadows two-beards/box-shadows Public

    Explore CSS Box Shadows

    Vue 115 15

  3. convert-color-cli convert-color-cli Public

    Convert color strings between hex, rgb, and hsl right from your terminal

    JavaScript 14 1

  4. convert-color convert-color Public

    Convert colors between RGB/HEX/HSL and their corresponding transparent values

    JavaScript

  5. vue-sudoku vue-sudoku Public

    Sudoku solver written in Javascript

    JavaScript 5 1

  6. electron-highlighter/vscode electron-highlighter/vscode Public

    Electron Highlighter syntax for VS Code

    JavaScript 9 3