Shoelace 2.0: a forward-thinking library of web components

Written on

I've been having a lot of fun with Stencil and web components lately. Back in January, I decided to use it to completely redesign Shoelace, an open source project I created a few years ago.

Cory's amazing dot paper

Written on

In a world where designers use Sketch, Photoshop, and other apps to create wireframes, I'm here in my corner holding this old fashioned pencil and a stack of dot paper.

A free HTML, CSS, and JavaScript beautifier

Written on

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.

Let's Encrypt renews but browsers still seeing old/expired SSL certificate

Written on

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.

Introducing Surreal CMS 7

Written on

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

Getting duplicate ids in an HTML document

Written on

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.

A clever way to style the <mark> element

Written on

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

Opening a new window after an async operation

Written on

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

Zipping multiple folders into separate zip files

Written on

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

Shoelace.style — A back to the basics CSS starter kit

Written on

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.