πŸ§‘β€πŸ’» Blog

My thoughts on web development and sometimes other things. You could also check out the Kelp Current for some of my other writings.

Dreams can be brutal

Dreams can be brutal

Dreams have a strange way of dealing with trauma. I guess it's a good thing I usually forget about my dreams as soon as I wake up. These two, however, have stuck with me.

My Mac Setup for Web Development

My Mac Setup for Web Development

A list of my favorite apps, packages, and various tools I use for web development on MacOS.

Simple Video Modal with No Dependencies

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

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 πŸ†™

2021 Summed πŸ†™

Stefen's Twenty Twentyone in Summary Form

3 Tips for Being a Better Web Designer

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

Rebranding and Redesigning NatureCoaster.com

The process behind the new brand and website made for NatureCoaster.com

Lazy Loading Images on HubSpot

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

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

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