James Ives

I built a site for my rave DJ friend, and gave its video player a glow that actually reacts to the set instead of guessing.

Opportunity of a lifetime to watch England play in the World Cup Semi Finals in Atlanta, Georgia.

I went to San Francisco to attend the 2026 Figma Config conference.

Measuring web performance without lying to yourself.

One of the best investments you can make for your design system right now is a Model Context Protocol (MCP) server.

Using Python to analyse Hyrox race data and gain performance insights.

Using the Component Story Format and the Custom Elements Manifest to mirror Storybook stories in Next.js for server-side rendering validation.

Automating the generation of Figma Code Connect files using the Custom Elements Manifest and Figma's REST API.

They broke my beloved Strava integration, and I'm not happy about it.

In this article, I want to discuss how you can easily document your Web Components with Storybook so that your documentation provides a good user and developer experience.

Code linting is a great way to ensure that your codebase is consistent and that you're following best practices.

My experience at the 2024 Figma Config conference and some pictures I took there.

Learn how to create a Half-Life Dedicated Server instance using Docker including the ability to add custom configurations, mods and plugins.

Learn how to build Web Components and why they're a great choice for your next project.

Learn how to setup visual regression tests with Playwright and Storybook.

This article will focus on Design Tokens, one of the core elements of a design system.

Supporting your design system with Figma Variables.

Innovation Week is a week-long event that brings together teams to work on new ideas and projects to help us grow and improve ourselves and our products.

A simple way to add some value to your GitHub Sponsorship tiers with the help of GitHub Actions.

In this article we will take a look at some common patterns to improve performance when implementing an infinite scroller with Angular.

In this article I will break down some of the things I have learned over the years of working with design systems and some tooling you can use to help build your own.

In this article we explore some common security holes caused by npm packages.

Learn how to deploy your web application to GitHub Pages with the help of GitHub Actions.

In this article we'll explore different ways to create 3D models, along with some of the options available when it comes to displaying them in a web browser.

Sprite Sheets are used in everything from video games, physical devices and even the web.

A look into how we can use algorithms to generate a list of Last Word cocktail variations.

Join me as I put far too much time into solving a question about programming elevators.

I created a GitHub Action that requests arbitrary authenticated API data on a schedule!

Let's analyse my Google Music library and see what genres I listen to the most without using an API.

This article will cover the process of creating the United Income component library, and the best practices we've introduced along the way.

Navigating the DC Metro with Google Assistant.

A write up of my experience at Google I/O 2018

Learn about ArcAds, a new library that simplifies and standardizes advertisement logic in a way that makes sense in the context of large-scale publishers.

Apparently you can build robots with NodeJS.

Automating AMP validation with a Slack bot

I was in Manhatten for Googles AMPConf on behalf of Alaska Dispatch News.

I attended the Steam Dev Days conference in Seattle, Washington hosted by Valve Software.

A look at the new Alaska Dispatch News website

I got to spend a couple of days in Oxford for the Render Conference.

I was invited back to Valve Software, this time to try the Vive dev kit.

Valve Software sent me a prototype Steam Machine and Controller to test out.

I was invited to Valve for an office tour and to playtest an upcoming update for Team Fortress 2.