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 ...
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 ...
Southeastern Technical Conferences (2020 Edition)
I love attending tech conferences, and I highly encourage all devs to attend at least one conference in their career. I always leave a conference feeling refreshed about the craft, motivated to apply my new knowledge and feeling more aware of how to do or use things I had not considered ...
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 ...
Retroflag SuperPi Raspberry Pi Case Review
Experience retro gaming nostalgia with this Super Nintendo inspired Raspberry case from Retroflag. I recently purchased Retroflag's SuperPi case. It's a Raspberry Pi enclosure that closely resembles the Super Nintendo console. I already own Retroflag's NESPi case (I love it, and you can read my ...