The five best design links, every weekday

Category: Code

All Categories

This vs That

What is the difference between this & that in front-end development?

Shoelace: a forward-thinking library of web components.

Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.


A new concept for mailto and tel links.

Second-guessing the modern web

The emerging norm for web development is to build a React single-page application, with server rendering.

Rebuilding our tech stack for a new

Building a new web app for today's browsers, we completely rebuilt our tech stack to achieve our goals for performance and sustainable future growth.

Write Libraries, Not Frameworks

When a programmer thinks "I've got some code that will make others' lives easier", there are two forms that can take: a library, or a framework.

Static Hoisting

Since I published my post detailing the trend towards static hosting, a question has come up: how is this different from a server and a CDN?


The JavaScript framework that's used like jQuery, written Like Vue, and inspired by TailwindCSS.

Real-World Effectiveness of Brotli

One of the more fundamental rules of building fast websites is to optimise your assets.

The Quest for the Perfect Dark Mode

Maybe the hardest/most complicated part of building this blog was adding Dark Mode.

Implementing Skeleton Screens In React

In this tutorial, you'll learn what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and cons.

Responsive Images the Simple Way

Serving a different sized copy of the same image depending on the user's viewport width.

Dash Dash -- Linux Man Pages

Dash Dash breathes new life into technical documentation by adding a bit of poignant design and precise typography.

Embracing modern image formats

In The Cost of Javascript , Addy makes a really good point: 200kb of Javascript is more "expensive" than 200kb of images.

JavaScript Libraries Are Almost Never Updated Once Installed

An analysis, based on CDNJS data, of when and if JavaScript libraries are updated after being installed onto websites.

macOS Catalina 10.15: Setting up a Brand New Mac for Development

I have to set up a MacBook Pro fairly often - when starting a new job and when buying a new personal computer.

5 monospaced fonts with cool coding ligatures

I'd always used the Monaco font and Sublime Text for coding but I recently decided to switch to VS Code.

Figma Plugin Tutorial

Figma plugins are the new shiny thing in the design. From the outside it might seem like they are complicated to build but that's not true.

Performant front-end architecture

This post describes some techniques to make front-end apps load faster and provide a good user experience.

Flow Fields

Flow fields are incredibly powerful and flexible tools for producing interesting curves.