A collection of my thoughts on programming, team leadership, product development, and the creative intersections of music and technology—organized chronologically.
In my last post on objects, I mentioned how most of what we do as JavaScript developers is working with objects. It's foundational to building JavaScript applications. We spoke about filtering, searching, and sorting. In this post, I'll go through three aspects of CRUD: Create, Update, and Delete.
There are certain tasks so common that you're almost guaranteed to encounter them in any professional environment. One of those is working with objects. In this series, I'm exploring some of the most common ways we work with objects. For this entry, we're starting with filtering, searching, and sorting. Let's dig in.
How many of us have struggled to find the right font for a web project? Our first instinct is to use a custom font via a CDN or self-host it. We overlook web-safe fonts because we usually don't know what's available. But what if you could have the performance benefits without compromising style (too much)? Let's talk about it.
In my first post on attributes, we looked at the difference between attributes and props. This time we'll dive deeper into data attributes. Learn how to leverage the JavaScript dataset API for dynamic data management in the DOM. Explore performance benefits, event delegation, MutationObserver, and best practices for using data attributes efficiently.
The owl—besides being my site's unofficial mascot and my dad’s favorite animal—has had a pretty big impact on my life. During my time at the Startup Institute of New York, we were given the exercise to "Draw an Owl." What seemed like a random task at the time ended up teaching me something that stuck with me for the rest of my life. Let’s talk about it.
We've all used properties and attributes in our code. But for a long time, I really didn’t understand the difference. In short, attributes set initial values, while properties reflect an element’s dynamic state after interaction or manipulation. Simple enough, but how does that relate to data-attributes? What about custom elements? Let’s take a deep dive and figure out the key differences.
Many of us have grown accustomed to the current JavaScript landscape. We've worked with various component libraries and frameworks, learned front-end routing and state management, and, at times, experienced 'JavaScript fatigue.' But have we stretched the language too far beyond its original purpose?
The typical way of adding dark and light mode themes to a website is to add a class on the body that all of your styles can inherit. Using JavaScript, you toggle this class and even use localStorage to save the user's preferences. But with CSS custom properties and media queries, this process becomes much easier.