Belwerks Accessibility Nerd + Front End Developer

Bearded white man with an adventure hat, sunglasses, a life jacket, and a canoe on his shoulders

Stephen Belyea is a seasoned front end developer and dedicated accessibility nerd who also likes to be outside.
Belwerks is his dorky online handle.

Who am I?

I’m a senior front-end engineer with 10+ years of experience building accessible, user-focused web apps. I’ve been working with React and TypeScript since 2015, with a strong focus on clean components, design systems, and WCAG-compliant accessibility.

I care deeply about great UI, performance, and maintainable architecture—and I thrive when collaborating across teams, mentoring developers, and shipping thoughtful features that make a real impact.

Where am I?

You can find my experience and publicly available work across the following platforms. All links lead to external websites and will open in a new browser tab.

What have I done?

Check out assorted projects, prototypes, writing, and tinkering across CodePen, GitHub, and other sources.

Note: The list of items below is very short at the moment. There will be more added as I round out this newly rebuilt version of Belwerks! All links lead to external websites and will open in a new browser tab.

Personal Project

ScatterBrain Mini App

Points-based to-do app built on custom Sanity.io data structure to help with household chores and daily tasks for the kids. Also see the repo's hosted version on GitHub Pages.

Prototype

Table Component API Design

Early stages of React component architecture and API design for a data-table with additional scroll and overflow features while retaining HTML attribute passing for row and cell child elements.

Writing

Hey Nova Blog

Multiple accessibility-focused blog posts written for Hey Nova agency over multiple years, before and during period of working on the team.

Prototype

Grid System with CSS Grid

Proof-of-concept for a flexible grid system built using CSS Grid, featuring multiple column sizes and levels of nesting. Built to compare with the Flexbox alternative.

Prototype

Grid System with Flexbox

Proof-of-concept for a flexible grid system built using Flexbox, featuring multiple column sizes and levels of nesting. Built to compare with the Grid alternative.

Tinkering

Animated Pokéball SVG

Playing with SVG and CSS animation to bring a simple Pokéball graphic to life. Try hovering and clicking on the ball to see the whole thing in action.

Personal Project

What's Up Mini App

Single-page reference to collect listings of multiple events venues around Kitchener-Waterloo for the current date. Many links have changed formatting, but you can still check out the GitHub Pages static site from the repo.