Ayu asked how I write more than 1,000 words on a topic, and the short answer is practice. I was lucky to go through schooling that focused on writing from an early age. I lost count of how many research papers I’ve written a long time ago. When I reached…

Accessibility Auditing My Portfolio Site — Part 5 Read Part 1 — The Audit, Part 2 — Quick Fixes, Part 3 — Dark Mode Toggle, and Part 4 — Blog Preview Component. When I built the lambda functions to pull my blogs using the DEV API, I noticed that I…

Read Part 1 — The Audit, Part 2 — Quick Fixes, and Part 3 — Dark Mode Toggle. This blog will focus on making the blog preview component code on the main page of my site more accessible. The Problems First, I want to update the blog preview component to always return…

Accessibility Auditing My Portfolio Site — Part 3 Read Part 1 — The Audit and Part 2 — Quick Fixes. When I made my dark mode toggle using Chris Bongers’ tutorial, I focused on making color themes with sufficient contrast across my site. I chose colors unlikely to cause issues for users with colorblindness. …

Read part 1, The Audit This article is comprised of several accessibility vignettes. It’s a collection of short stories about quick fixes — some amuse-bouches, if you will. Researching, coding fixes, and writing the bulk of this blog took me less than three hours. Accessibility Auditing My Portfolio Site —…

When I made my portfolio site, I put a lot of effort into following the accessibility standards I knew from MDN’s Getting Started with the Web guides and other reading I had done. I felt a 100 Lighthouse score was a good indicator of how I was doing. …

My first dev job threw me into a huge legacy codebase. My last big ticket involved getting a modern library to work within the deprecated UI framework it uses. After that journey, I wanted to share some tips I’ve learned along the way. (1) Learn the codebase by fixing bugs.

When I sat down to write about my Shiba Inu SVGs, it became clear that I was writing two blogs. One, a tutorial for SVGs in React, and this one, demystifying sourcing images for your website. Here are the topics this article will cover: 1. Image Types 2. Image Optimization for…

When I updated the blog section of my portfolio site, I realized I had a great opportunity to draw some cute SVGs and take my loading and error messages to the next level. When I started, the loading text looked like this: and the error text looked like this: