My Mac Setup for Web Development
A list of my favorite apps, packages, and various tools I use for web development on MacOS.
🧑💻 Blog
My thoughts on web development and sometimes other things. You could also check out the Kelp Current for some of my other writings.
Simple Video Modal with No Dependencies
Code a video modal using native HTML elements, HTML APIs, and a touch of javascript.
Change the gutter size on HubSpot's drag-n-drop grid
The default gap between columns on HubSpot's drag-n-drop pages can be difficult to change. Not anymore...
2021 Summed 🆙
Stefen's Twenty Twentyone in Summary Form
3 Tips for Being a Better Web Designer
I've been making websites for close to 10 years now. I've made my fair share of 💩 websites—in addition to some amazing websites. What I have realized in reflecting on my website project experiences is that there is a simple formula
Rebranding and Redesigning NatureCoaster.com
The process behind the new brand and website made for NatureCoaster.com
Lazy Loading Images on HubSpot
Images are almost always the #1 reason for a slow website. Even if all of your images are optimized and sized correctly, they can still cause performance issues
How To Migrate Your HubSpot Blog to WordPress
HubSpot makes it extremely difficult to export your blog posts in a usable form. It's built-in export tool only exports the page title and URLs. The website export tool exports all the static HTML files. Neither of these are useful when you need to import your data into a WordPress Database.
How to Add Animations to Your Static Designs Using Adobe XD and CodePen
Designers creating new website mockups will generally use Photoshop then save those mockups as a JPG or PNG for the client to review. The problem with static images is they don't tell the whole story of what the website could be. Hover state, the way the page loads, or even the way the page transitions to a new view—these
Branding Refresh with Animations in Mind
One of the hardest parts of designing for the web is the lack of limitation. There is no artificial limit to the amount of space you have to work with, no limit to how something could be animated or function