Archive
Browse by category: analytics, cms, craft, css, design, experiment, external-links, guide, inspiration, javascript, life, performance, php, react, twig, video, vue, wordpress,
2019
-
Task Management
How I handle task management - a combination of software with pen and paper depending on the context.
-
Multi-Select Checkboxes with React
Listen for hotkeys to select multiple checkboxes in a few clicks.
-
Web Cloaks
A few observations on techniques that are used to disguise a problem with a website.
-
Clever Logos
A collection of clever logos. Great for getting the brain going when you're looking for inspiration.
-
Derived Stores With Svelte
Getting up to speed with derived stores in Svelte and how they compare to something like computed properties in Vue.
-
Scrollable Container Controls with React
Managing a scrollable container with React by adding button controls, and seeing when they should be enabled or disabled.
2018
-
Vapid CMS
Vapid is a content management system that has a very smart way of letting you focus on the code, while constructing a dashboard based on your templates.
-
Website Inspiration
A few things that got me excited to try my hand at redesigning my website. That's not to say I'm a designer, cause I'm not.
-
HTML Imports & Component-Driven Development
Playing around with HTML Imports before deprecation, pining for a native, relatively hassle-free way of building a component library.
-
Improving Client-Side Performance
A few ways in which we can improve client-side performance focusing on images, third-party scripts and more.
-
Building a Table of Contents with the Intersection Observer API
How to build a live-updating table of contents using Intersection Observer.
-
CSS-Tricks Article - Timber WordPress Plugin
Working with the delighful Chris Coyier I wrote an article for CSS-Tricks on Timber, a WordPress plugin that completely changes theme development.
-
YouTube Thumbnail Grabber
Sometimes I needed to be able to grab a few placeholder images for YouTube videos for client previews, so I made a small app to grab some different sizes of thumbnails given a YouTube URL.
-
Craft Plugin Search
Search packages from Packagist.org for craft plugins and sort them by popularity using GitHub stars, and daily, monthly, and total downloads.
-
RSS Feed Reader
I wanted to create something where I could browse articles from sites I follow in one place. It calls an app hosted with Heroku.
-
Skillshare: Create an RSS Feed Reader
I did a class on Skillshare for creating an RSS feed reader with Vue.js, and Node with Netlify to make use of their functions to deploy to AWS Lambda.
-
Personal Site
This is my old personal site built on Craft CMS. It's no longer maintained as I've moved to a static site which I'm planning to make freely available when I've worked everything out with it.
-
Fathom Analytics
Installing Fathom analytics, an open-source alternative to traditional web analytics, on Heroku.
-
Avatars.io
Avatars.io lets you quickly grab a URL to an avatar of yours from a few different services
-
A Signal in the Static
Moving from Craft CMS to Hugo and Netlify
-
What Do I Know?
The web moves fast, but it doesn't invalidate what you already know.
-
Upgrading to webpack 4
Moving from Laravel Mix to webpack 4, and the performance benefits.
-
Do Not Track
How to use window.doNotTrack to decide when to use tracking.
-
DIY RSS Feed Reader
Building your own Feed Reader with Vue.js and Node
-
Craft Plugins Browser
A small project to browse Craft CMS plugins by popularity.
-
Client-Side Search with Algolia
Adding client-side search with Algolia.
-
Building My Site Part III: Fine Tuning
Final tweaks and performance improvements for my website.
-
Building My Site Part II: Setup
Setting up my new website with Craft CMS.
-
Building My Site Part I: Decisions
Building my website with Craft CMS.
2017
-
Building a 'Now Playing' Feature
Show the world what you're listening to because it's important.
2015
-
Building a full-screen overlay
A JavaScript approach to a full-screen overlay