Code
Is It Time to Make a New Ghost Theme?
New theme incoming?! On building a new Ghost theme and the possibility of doing it on stream.
Read
Code
A Guide to Image Optimization on the Web
This image is a tiny image, it's smaller than a regular image.
Read
Code
When Worlds Collide: Philosophy & Code
In my former life, I investigated the code of life — in my present, I bring code to life. I talk about this transition with RedMonk's Kate Holterhoff on her show, The Docs Are In
Read
Projects
Make Sharing Seamless with This Customizable Share Button
Simplify the sharing process with this all-in-one share button, a custom web component that makes it easy for you and your readers to send content all over the internet.
Read
Code
Create a music player with the YouTube iframe API
Discover how to enhance your website with a personalized music player using the YouTube iframe API. This guide showcases how to fetch the latest YouTube Music playlists, craft a bespoke UI, and provide real-time track updates.
Read
Code
Build and Deploy with GitHub Actions
Let the machines take the wheel with GitHub Actions. Push an update to your Ghost theme and then see it automatically built and deployed, anywhere and everywhere.
Read
Code
Custom Pagination in Ghost
Page by page: The complete code for building a beautiful custom pagination element in Ghost.
Read
Code
How Saves Work
In the update to my Ghost theme, Smart, I added a saves feature. This article goes through how that feature works and shares some of the code!
Read
Code
Supercharge Your Ghost Theme
Ghost 4.20.0 introduced custom settings, which gives developers the power to offer a lot more customization in their themes. In this tutorial, I show you what custom settings are and how to use them.
Read
Code
Image Optimization in Ghost
On average, images are the greatest resource on any webpage. As a result, optimizing images provides an easy performance win. This tutorial will show you how to use Ghost's tools to optimize images on your site to make it fast.
Read
Code
Create a Dynamic CTA in Ghost
In its essential form, a call to action asks a user to do something. In this tutorial, I'll show you how to leverage the data provided by the publishing platform Ghost to make that ask dynamic, so that it changes in relation to the page it's on.
Read
Code
Add a Table of Contents to Your Website
Ever on a long article and wished you could jump around easily? Or even return to a section quickly? Want to provide this experience to your readers? I'll show you how you can quickly and easily add a table of contents to your website with a few lines of JavaScript.
Read
Code
Create a Ghost Theme
A guide to setting up a dev environment for creating a custom Ghost theme with my ghost-theme-starter. Easily and quickly compile and minify CSS and JS assets, start a live reload server, and zip up your theme files.
Read
Code
Four Lesser Known Console Methods
With these new methods in your pocket, you'll be console logging so much, everyone in the office will start calling you the lumberjack.
Read
Code
Resources for Getting Started in Web Development
How do you build a website? This article provides basic steps to get up and running as well as some handy resources for learning more about web development
Read
Design
Easy Responsive Typography
How do you ensure that your text is comfortable to read on any viewport? Learn how to generate fluid, responsive typography easily with a SASS mixin
Read
Code
Best Practices: Resources for Web Design and Development
Best practices: A repository of resources for web development and design, focusing on security, privacy, accessibility, performance, UX/UI, and more
Read