Shiny, Animated CSS Buttons
Everyone can appreciate fancy, animated buttons - but often times they come with a performance cost: JavaScript. Luckily for us, we can create our very own shiny, animated buttons with pure CSS.The...
View ArticleCreate a Mac App Icon with Pure HTML & CSS
I have always been a huge fan of Bogdan’s work on Dribbble and was recently inspired to see if I could replicate one of his awesome icon designs with only HTML & CSS. What was the outcome? I think...
View ArticleThe Lazy Developer’s Dark Mode
After recently jumping back to Jekyll for my personal blog, I decided to take a closer look at how I was supporting dark mode for my visitors. I was using the proper CSS query to target those who had...
View ArticleClick to Load Website Images
In my previous post about switching my Jekyll blog over to PHPetite, I briefly mentioned how I only loaded in article images if the user clicked or tapped the empty file element.In this post, I’m going...
View Article89 Blog Posts in a Single HTML File
Update (April 10, 2021)This is no longer the current setup of my blog. I have switched back to Jekyll for performance reasons. I’ll be leaving this post up as a point of reference though :)This is my...
View ArticleIntroducing PageRoast
Following up with my concept of releasing small side projects weekly, I have officially launched PageRoast. What is PageRoast I hear you ask?Receive a detailed report analyzing your landing page with...
View ArticleThriftyName: $5 Brand Names
It’s been a while since I’ve written anything on this blog, but for good reason - I’ve been working on a handful of side projects. I plan to drip-feed release these projects over time, but for today...
View ArticleSelf-Hosting Fathom Analytics with DigitalOcean
Since my previous post walked through the process of setting up Fathom PRO on Netlify, I figured it made sense to create a similar tutorial for the “Lite” variation, self-hosted on DigitalOcean.Please...
View ArticleSetting Up Fathom Analytics with Netlify
It’s no secret that I’m passionate about open source software, but I’m also extremely adamant about protecting the privacy of all users across the web. So when I decided to implement analytics on my...
View ArticleIntroducing Notez
I’ve always been a fan of simple note taking applications, since I tend to take a lot of random notes throughout the work day. Sometimes I reach for simple pen and paper, but other times it’s nice to...
View ArticleAnimated Radio Tab Toggles
In this demo tutorial, we are making the assumption that we need to create a radio slide toggle for our made-up payment options. For this we want to display 3 simple payment choices to the...
View ArticleIntroducing PageRoast
Following up with my concept of releasing small side projects weekly, I have officially launched PageRoast. What is PageRoast I hear you ask?Receive a detailed report analyzing your landing page with...
View ArticleIntroducing Notez
I’ve always been a fan of simple note taking applications, since I tend to take a lot of random notes throughout the work day. Sometimes I reach for simple pen and paper, but other times it’s nice to...
View ArticleThriftyName: $5 Brand Names
It’s been a while since I’ve written anything on this blog, but for good reason - I’ve been working on a handful of side projects. I plan to drip-feed release these projects over time, but for today...
View ArticleSelf-Hosting Fathom Analytics with DigitalOcean
Since my previous post walked through the process of setting up Fathom PRO on Netlify, I figured it made sense to create a similar tutorial for the “Lite” variation, self-hosted on DigitalOcean.Please...
View ArticleSetting Up Fathom Analytics with Netlify
It’s no secret that I’m passionate about open source software, but I’m also extremely adamant about protecting the privacy of all users across the web. So when I decided to implement analytics on my...
View Article