Posts

Build specs, parts list, and running costs for my home media server, built around the CW-ADLN-NAS-DC motherboard.

Discover why I as a web engineer have chosen not to run invasive tracking on my website.

Does your website need dark mode? If you want to build an accessible website then you will need to include support for it on your site.

Progress bars and meters, what are the differences? In this post we extend a flexible React component that supports the meter role.

Ever had to include a progress bar or progress indicator on you website? If so, do you know if it's accessible? Learn how to in this post

DRY vs. DAMP, no I'm not talking about your clothes, I'm talking about tests. Don't Repeat Yourself vs. Descriptive and Meaningful Phrases.

I share my experience with Uveitis, what accessibility means to me, and how creating accessible products can empower your audience.

In this video, I show you how to make use of "Optional Chaining" a new operator available to modern JavaScript applications.

In this article, I aim to demystify the term Component Driven Development in plain English and how it applies directly to React.

We're going to be covering how to develop a 'read time' counter which estimates how long you have left reading before you finish reading an article.

CSS-in-JS is a decisive topic, but in this post we cover an accessible function that helps generate CSS with accessible colours that is flexible and dynamic

You know what's cool about React? State. You know what's not cool? Prop drilling. Let's explore how to share a state store between components without props.

We explore how we can drop a CSV file into my Gatsby data directory and build a GraphQL schema based on that file during build-time.

With the introduction of NextJS 9, you can now dynamically create routes for your site in under 10 minutes with a little configuration.

Gutenberg is a new WordPress editor that has divided the community more so than the debate of whether pineapple should be allowed on pizza!

WebP lossy images support transparency, are on average 25-34% smaller than JPEG images and 26% smaller in comparison to PNG images.

In the recent months, page speed is something that I have become rather interested in. Not only because of the effect it has on SEO but also UX.

In the UK there are over 11 million people with some form of disability (Disability facts and figures, 2014), over 15% of the population. A look at NVDA and Chrome's accessibility auditing tools for testing your work.

Which is better? Sass or SCSS? Find out the advantages and disadvantages as well as strong recommendation to decide.

Since the appearance of the hamburger menu, there have been large debates that span across the internet. Does it negatively impact the UX of a design?

I admit that I sometimes fall in the common design pitfall of new designers which is to focus mainly on aesthetics and making everything look amazing!