Code
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
Design
Don't fall prey to color FOMO. Learn why the browser was dull but doesn't need to be anymore. Get out of grayscale and into polychromia, baby.
Read
Code
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
Design
With just a single color, you can automatically generate an entire color palette for your UI and solely via CSS. No JavaScript needed!
Read
Code
Page by page: The complete code for building a beautiful custom pagination element in Ghost.
Read
Code
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
Projects
My beautiful, free Ghost theme, Smart, has been totally redesigned and updated for version 2.0. Jam-packed with features, it's perfect for creators, writers, and coders.
Read
Theme
Out with the old, inline with the new. I discuss the highlights from rolling out yet another website refresh. Built with Ghost, Inline is my bold, fun approach to my personal website, featuring a dynamic color palette, search, and more.
Read
Design
They're free, open-source, and beautiful. Here are my top five icon sets to amp up your web design.
Read
Code
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
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
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
I published the first post on this site 12 years ago. Since then, I’ve racked up 48 posts and 60+ members. If you’re the type who is interested in building things on the web or just randomly likes to sign up for things, consider subscribing. It’s free, spamless, and you can unsub at any time.
Code13
Essays13
Travel11
Ghost8
Philosophy8
Design6
Projects5
History3
Code
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
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
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
Design
This tutorial shows you how to implement fluid typography easily on your website and provides an interactive calculator to determine the typography scale that works best for you!
Read
Code
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
This complete guide to the dark mode toggle includes best practices for implementing a color mode switcher on your website using custom variables, prefers-color-scheme, and more, all with a very pretty demo!
Read
If you put all the world’s knowledge into an AI model and use it to make something new, who owns that and who gets paid? This is a completely new problem that we’ve been arguing about for 500 years.
No Film School speaks with editors Varun Viswanath and Patrick Tuck.
Within the next decade, we may well have systems that are serious candidates for consciousness.
This tutorial is a comprehensive introduction to leveraging Large Language Models (LLMs) through the PaLM API for crafting personalized cover letters to enhance
Welcome to this blog post, where we're about to unravel the power and versatility of JavaScript...
Plus Meta's new research tool is indispensable!
A historical record of foundational web development blog posts.
You've built an amazing new product. The code is elegant, the interface intuitive. You launch it with...
A key aspect of how we think separates us from even the most advanced AI
The CSS Color Module Level 4 specification defined a slew of new color features when it became a candidate recommendation in 2022, including Oklab and Oklch, which have widened the field of color we have to work with. Explore the Oklch color space and how to start using it in CSS today.
