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 ...
JavaScript
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 ...
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 ...
.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 ...
Vue.JS Error: This relative module was not found
I was making an update to a small Vue.JS side project when I encountered a build error: ERROR Failed to compile with 1 errors 6:00:20 AM This relative module was not found: * ./components/ProficiencyBar.vue in ...
JavaScript’s Null Coalescing Operator | Today I Learned
Scroll below for an important language update to this blog post. I was fixing a bug in a portion of code when I came across a getter structured very similar to the lines below: At first glance, I was confused thinking why would you return a Boolean here? Shouldn’t this be a ternary ...
Getting started with Phaser and ES2015
If you are seeking an easy way to get started on a new Phaser game the ES2015 way, then this guide is for you. In this guide we will first use jspm to quickly set up a new project with a module loader and an ES2015 transpiler. We will then pull the latest Phaser package from the jspm registry and ...
Surviving the Hackathon: Angular Attack 2016
Last weekend, Michael and I participated in Angular Attack. Angular Attack is a 48-hour online hackathon featuring Angular. Participants were allowed to design their web app in the weeks leading up to the competition with the one restriction: no digital assets could be created ahead of time. A ...
