The five best design links, every weekday

Category: Code

All Categories

thisthat.dev

This vs That

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

shoelace.style

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.

mailgo.dev

Mailgo

A new concept for mailto and tel links.

macwright.org

Second-guessing the modern web

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

engineering.fb.com

Rebuilding our tech stack for a new Facebook.com

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.

brandonsmith.ninja

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.

rauchg.com

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?

css-tricks.com

Alpine.js

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

csswizardry.com

Real-World Effectiveness of Brotli

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

joshwcomeau.com

The Quest for the Perfect Dark Mode

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

smashingmagazine.com

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.

cloudfour.com

Responsive Images the Simple Way

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

dashdash.io

Dash Dash -- Linux Man Pages

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

joshwcomeau.com

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.

blog.cloudflare.com

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.

taniarascia.com

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.

betterwebtype.com

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.

alcohollick.com

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.

debugbear.com

Performant front-end architecture

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

tylerxhobbs.com

Flow Fields

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