Create a Material Style Ripple Effect With JavaScript and CSS

Possibly one of the most iconic designs patterns to come out of Google’s material design is the ripple effect. It is such a simple interaction, but feels so satisfying to use. It gives a user …

  • Published August 20, 2021

The Best Way to Learn... Teach

If you can’t explain it simply, you don’t understand it well enough. - Albert Einstein Hopefully all of us want to get better at the things we do. Most of us, if we enjoy something, want …

  • Published March 18, 2021
Header Image

Creating a Useful Component Library

One of the great benefits of the many SPA frameworks that we use nowadays (such as Angular and React) is that it is super easy to make reusable UI components that are clean and self-contained. Components that are built in these frameworks are easier to debug and far more reliable than the traditional sort of component. We can create a project with something like the Angular CLI and have a nice little directory for the components we are using in our app and it’s all hunky-dory from there. If a component is not working, you simply have to make a change in one place and the problem is sorted all across your app. Now, this is great for a project where the components you have will only be used in one application. We do, however, run into some major issues when it comes to a situation where you need to use the same components for multiple, separate projects. This is where component libraries really shine. You can have your set of components hosted on a repository like npm and whenever …

  • Published August 5, 2020

An Opinion on Progressive Enhancement in CSS

Although support for the “plague browsers” is dropping by the year, developers across the world are faced with the challenge of having to support older web browsers like Internet Explorer. …

  • Published March 8, 2020

The Sexiness of Headless UI Components

Something I enjoy doing most on the web is creating things that help other developers to be more productive. I especially love creating component libraries and core development kits that can be used …

  • Published December 2, 2019

Why It's So Hard to Check Object Equality in JavaScript

The other day I was working on a bit of code where I found myself having to check if two JavaScript objects were equal, namely, do two objects have the same keys and values. The first thing I tried …

  • Published November 19, 2019

6 Principles to Make Your Projects More "Team Friendly"

The other day I was reflecting on the team that I am currently working with on a massive project at our company. We have recently gone through a huge overhaul in our process and structures, so I …

  • Published November 7, 2019