Creating An Animation Sequence Using Framer Motion

Framer Motion makes creating a sequence of animations easy.

In this example, we will create a React component that animates a circle in the center of three boxes.

How to prevent deadlock for UI tickets

Should you build UI components and then add them to a page or build the page first then break it down into UI components is the chicken and egg of software development?

Why great products need strong foundations

You've probably heard someone quote Norm Kerths' Prime Directive during a retrospective

Regardless of what we discover, we understand and truly believe that everyone did the best job they could, given what they knew at the time, their skills and abilities, the resources available, and the situation at hand.

In my experience, engineering teams doing their best at that time inevitably end up having to shoehorn features as requirements change or new information becomes available.

In this post, I'll discuss why great products need strong foundations.

Introducing Code-First GraphQL APIs at Cambridge University Press

Having experienced the pain of schema-first GraphQL projects, I wanted to use a different approach for a project I led at Cambridge University Press.

In this post, I'll describe what I used and how using code-first GraphQL worked out for us.

Introducing Tailwind at Cambridge University Press

Having used Tailwind in my personal projects, I was already a convert of the utility first approach. When I was given the opportunity to lead a new project at Cambridge University Press, Tailwind was the first tool I reached for.

In this post, I'll discuss why and how using Tailwind worked out for us.

Introducing Typescript at Cambridge University Press

Having worked with many clients who struggled to maintain Javascript projects, Typescript was a no brainer when choosing what to use for the project I was leading.

In this post, I'll share what and how I managed the challenges of introducing and using Typescript.

How To Use Tailwind Scoped Css Styles With Next.js

In this post I'll show why and how you can use scoped styles with Tailwind and Next.js.

How To Use Tailwind Scoped Css Styles With Svelte

In this post I'll show why and how you can use scoped styles with Tailwind and Svelte.

How To Use Tailwind Scoped Css Styles With Vue

In this post I'll show why and how you can use scoped styles with Tailwind and Vue.

Using Tailwind? Consider adding a prefix

Tailwind is rightly receiving all the attention it deserves. Every developer I've introduced it to falls in love with working with CSS again!

On a recent Nuxt project, I noticed a potential issue when using Tailwind class names.

Suddenly 'bg-green-500' didn't behave as expected, as an external component also using the same class had set the color to something else.