Blog Posts categorized under "How-to"

Larger font sizes for shorter headlines, vanilla JavaScript for the character count calculations and CSS clamp for responsive sizing

Notes from a replatform effort from Nuxt to Astro, including setup, struggles, migration, and finding solutions for search and sitemap.

How to use native web components inside an Astro project, with a few isolated examples and explanation of some issues I had to navigate.

Step by Step guide to adding the Eleventy Style Guide Generator to an existing site. Details on how to avoid needing WebC or Design Tokens included.

Step by step guide to gathering post categories and tags from the WordPress REST API for better filtering and discoverability in an Eleventy blog.

The simplicity and speed of Eleventy with the organization of a self documenting design system. Style guide generator that incorporates design tokens, fluid typography, and WebC components.

How to switch from Lambda@Edge to a single CloudFront function for serving static content from an AWS S3 bucket, with redirects and basic auth included!

Sentry limits transactions per month, this shows how to conserve them by ignoring specific Laravel PHP routes you don’t need to trace later.

Code that introduces automated anchor links to headlines in Eleventy dynamic-loaded content. Improves accessibility and makes content sharing easier!

Solving layout flickering (or animation flashing) happening on browser resize caused by CSS transitions, with live before and after examples!

Step-by-step guide to date-based global data sorting in Eleventy, including automated by file last modified and manually via a data property

Brief description of the common “server key has changed” error, and details on how to fix it on a Mac local server environment.

Quick writeup of how I handled a pervasive Intervention Image error “Intervention\Image\Exception\NotReadableException” in a Laravel app.

One developers journey toward content authoring nirvana. Thought process, decisions, and source code for a WordPress composable architecture.

Details of how I implemented dark mode on Be Inclusive, including some issues I encountered along the way.

A background image compromise to support IE11 while also giving modern browsers the best experience using CSS object-fit. Presented with detailed problem, solution, examples, and alternatives.

Tracing the path we took to accomplish a unique, cohesive design system for multiple sites within a single Content Management System (CMS) platform installation.

While working on a responsive refresh of the Upshot website I came across some buggy behavior when mixing an off-canvas menu with a fixed position element on the page. I realize that fixed elements have had a history of bugginess in iOS and detailed articles have already been written. However, I hadn’t seen what was occurring for me […]

I had a friend ask me earlier this week if I knew of any resources that could point him in the right direction on how to create a PHP page of tabular data that had the ability to be both filtered and sorted. We both weren’t able to find anything suitably simplified so the underlying […]

Just came across a new issue I hadn’t dealt with before, apparently once a file (in my case a very large error_log file) reaches 2GB or 2,147,483,647 bytes it can’t work with the file anymore. In this case the system couldn’t write to the error log and threw an Internal Server Error. I didn’t realize what the […]

With a mixture of a few techniques added to the .htaccess or httpd.conf files, you can reduce the pageload and the bandwith usage of your website fairly easily. In the examples below i’m referring to expressions for addition to .htaccess, the http.conf file may be structured differently to do the same things. I’m setting this […]