Ten years ago, I launched DirtyMarkup to clean up dirty code. It was a fun little tool, but its best feature was that it was easy to use and didn't have intrusive advertisements.

This morning was frustrating. I recently upgraded my VPS from the deprecated letsencrypt client to the newer cerbot client and generated new certificates for all my personal domains. I thought everything was fine — until I kept seeing intermittent SSL errors.

Last November was the 10 year mark for Surreal CMS, a content management service I created to manage static (and mostly static) websites.

I needed a way to identify all HTML elements with duplicate IDs. This is a seemingly simple task, but unfortunately, I didn't find anything out there that fit the bill.

I was checking out the awesome CashNotify app today and I noticed a beautiful style for highlighting text in their testimonials:

I was working on an OAuth implementation the other day and needed to open a third-party auth page in a new window.

Here is a fully customizable switch component I created for Bootstrap 4.

Bootstrap's dropdown menus are pretty awesome, but they lack a checked state. Think macOS or Windows:

Sometimes, dropdown menus just look better when they have tips to reference their opening element. Here's a SCSS snippet I created that gives you tips in Bootstrap 4.

Here's a bash script that will zip all folders in the current directory into separate .zip files:

I spent some time last week working on a free CSS boilerplate I'm calling Shoelace.css. It's kinda like Bootstrap, but a lot leaner and pure CSS. You don't need a preprocessor like Sass or Less to use it, but it's still highly customizable with CSS variables.

I recently needed to download a bunch of files from Amazon S3, but I didn't have direct access to the bucket — I only had a list of URLs.

Nearly a decade ago, I launched my first SaaS application. It was a new take on content management — a hosted CMS that reads/writes directly to a web server and uses class attributes to define content regions.

I use Spotlight more than I like to admit, usually for launching apps. Recently, some of my apps and files stopped appearing — even ones I access frequently.

Here's a simple way to create your own CSS spinners (i.e. loaders) without any images or JavaScript. It's lightweight, easy to use, and completely customizable.

When I first started using Sass, there was one thing that drove me crazy about it compared to Less. For some reason, including a plain CSS file just wasn't something the compiler wanted to do:

Determining your app's base dir (or document root if you're from a PHP background) isn't as straight forward as you'd think in Node. Here's a little trick to get a globally available reference to your app's root directory.

The bcrypt library on NPM makes it really easy to hash and compare passwords in Node. If you're coming from a PHP background, these are roughly equivalent to password_hash() and password_verify().

For me, upgrading to MacOS Sierra broke a lot of things that use SSH, including Transmit, Sequel Pro, and a handful of other apps. In fact, it seems to break any app that uses an SSH key with a passphrase. 🤔