In this blog post, I'm sharing details behind the creation of my latest web app: Pokémon Color Picker! Pokémon Color Picker is a simple, vanilla JS web application that retrieves data about a random Pokémon based off a user specified color. Check out the app here! My Motivation I am a ...
Programming Languages
Pokéball Single DIV CSS Drawing | Tutorial
In this blog post, I will walk you through how I created a 2D Pokéball using a single div and a little bit of CSS. Like my previous single div drawing tutorial, I will be picking up right where I left off in my CSS Magic with a Single DIV tutorial. In that tutorial, I covered the basic building ...
Error: [🍍]: “getActivePinia()” was called but there was no active Pinia
I was recently making minor code changes and noticed I broke the unit tests with my updates. I ran into the following error: What triggered the unit test failure left me stumped longer than I care to admit, so I figured I'd write up this quick blog post to ensure I never make the same mistake ...
Trijam #261 Game Jam Diary: One Wrong Move
We have big chess fans in the family so I've always wanted to incorporate a chess theme in a game jam. Trijam is a weekly game jam where the goal is to create a game within 3 hours of development time. Trijam's 261st theme was a perfect fit with the theme: one wrong move. Try out it ...
Uncaught TypeError: util.inherits is not a function
I recently ran into an issue when I tried to import a reference to jsonwebtoken into a new Vue 3 project configured with Vite. I've observed others encountering the same error (although through different circumstances) and I figured I'd document what I did to resolve the problem for me in case it ...
Snow Globe Single DIV CSS Drawing with Animating Snowflakes | Tutorial
Learn how to draw a snow globe with a single div and CSS. In this blog post I will walk you through how I created a snow globe with animating snowflakes using one div and a bunch of CSS. With the holidays right around the corner, I wanted to create something festive. I went back and forth ...
CSS Magic with a Single Div
In this tutorial, you'll learn the basic building blocks of single div drawing with CSS, putting them all together at the end to draw a lollipop. The goal of this blog post is to introduce you to the world of single div drawing. Hopefully by the time you reach the end of it, you will be ...
Counting Pixels in the Browser with the HTML5 Canvas and the ImageData object
Count pixels by color in the browser using JavaScript and the HTML 5 Canvas Element I recently wrote a small Python script that accepted an image file and returned the count of pixels per a unique color. The script worked great for my use case (making 8-bit pixel art), and it has saved me a lot ...
Fractions in Python | Today I Learned
Today I became aware of the existence of the builtin Python module fractions. The fractions module handles rational number arithmetic. Here's a simple example using the Fraction class to covert a decimal into a Fraction with the numerator and denominator reduced to the lowest terms. My ...
.mjs extension (A JavaScript module file) | Today I Learned
Today, I needed to reference the MDN docs for JavaScript modules. As I skimmed through the page, something caught my eye: a file name with the .mjs extension. My first reaction was confusion. This was my first time seeing a file with that extension. Upon further reading, I learned .mjs is a ...
