Coding tips, tricks and head scratchers

It's my profession and hobby.

Coding

I finally got around to creating my first deployment pipeline

Written on Nov 1, 2024 (updated Jan 12, 2025)

For the first time in my life, I have written a deployment pipeline for a personal project. Here's how it went and what I learned.

#automation #deployment #github

🔗
Read post
Coding

Why am I just finding out about #region?

Written on Aug 14, 2024 (updated Jan 12, 2025)

As much as I love to organize my code, I'm ashamed to admit I never knew that #region. A way to create custom, collapsible pieces of code.

#codequality #vscode

🔗
Read post
Coding

You can use nesting selectors natively in CSS now

Written on May 3, 2024 (updated Jan 12, 2025)

Nesting? Natively? Yes, please. The new & nesting selector is here and it's pretty awesome.

#css

🔗
Read post
Coding

NUXT: Accessing DOM in a composable

Written on Mar 7, 2024 (updated Jan 12, 2025)

Accessing the DOM inside of a composable is easy as long as you know you have access to lifecycle hooks.

#nuxt #vue

🔗
Read post
Coding

Aspect-ratio is so easy and so awesome

Written on Jan 28, 2024 (updated Jan 12, 2025)

The aspect-ratio CSS property is so easy and awesome, how could you not love it? Let's look at the old way, and the new way of achieving an element at a specific aspect ratio.

#css

🔗
Read post
Coding

Tailwind is actually pretty freakin’ cool

Written on Jan 21, 2024 (updated Jan 12, 2025)

Modular CSS? What?! Well, it's here, and it's pretty cool. Let's talk about the ups and downs of using it.

#css #tailwind

🔗
Read post
Coding

Nuxt3 Prerendering: How to wait on async content

Written on Oct 4, 2023 (updated Jan 12, 2025)

While learning Nuxt3 I ran into, and resolved, an issue. Here's how to make sure the prerendering engine waits for your async content.

#javascript #nuxt #vue

🔗
Read post
Coding

Determine if a YouTube video is region locked using YouTube Data API v3

Written on Dec 16, 2022 (updated Jan 12, 2025)

I needed to know if a YouTube video was region locked... so I went down the rabbit hole and learned how to use the YouTube Data API.

#api #youtube

🔗
Read post
Coding

Line clamp… I love you

Written on Jul 8, 2022 (updated Jan 12, 2025)

Multi-line truncating has always been rough. But, what if I told you, you could do it with pure CSS? Yes! It's possible!

#css

🔗
Read post
Coding

Iframe lazy loading – srcdoc to the rescue?

Written on Aug 27, 2019 (updated Jan 12, 2025)

Iframes can be an expensive resource, especially for videos. Lazy loading iframes isn't as easy as it should be, but maybe the srcdoc attirbute can help.

#iframe #lazy-loading

🔗
Read post
Coding

Intersection Observer: A great new API

Written on May 29, 2019 (updated Jan 12, 2025)

Finding out if an element is within the viewport has always been a pain in the butt. Luckily, there's a handy new API called Intersection Observer.

#api #javascript

🔗
Read post
Coding

Attempting to detect a slow network connection in JavaScript

Written on Mar 13, 2019 (updated Jan 12, 2025)

Detecting a slow network should be simple, right? Or...at least it sounds simple. Reality is cruel though, because it's really a pain in the ass.

#javascript #network

🔗
Read post