Elsewhere

Things we find interesting we think you might too. Grab the RSS feed for your newsreader of choice.

JavaScript’s ??= Operator: Default Values Made Simple

November 11, 2024

A guide to using ??= in JavaScript to handle null and undefined values elegantly The nullish coalescing assignment operator ??= is relatively new to JavaScript. It was officially added in ECMAScript 2...

Read More

Mastering Interaction to Next Paint (INP)

November 8, 2024

The web keeps changing—and so do the ways we measure web performance. Google recently updated its Core Web Vitals metrics, dropping First Input Delay (FID) in favor of a new and improved interacti...

Read More

A Taxonomy of Tech Debt

November 8, 2024

Source: A Taxonomy of Tech Debt...

Read More

Exploring the browser rendering process

November 8, 2024

What occurs between typing a URL in your browser and the moment a webpage is displayed? Let’s explore the complex rendering process of the browser in an interactive way. Source: Exploring the br...

Read More

A Friendly Introduction to Container Queries

November 8, 2024

For a very long time, the most-requested CSS feature has been container queries. That’s been our holy grail, the biggest missing piece in the CSS toolkit. Well, container queries have finally arrive...

Read More

What’s a Single-Page App? | jakelazaroff.com

November 7, 2024

Source: What’s a Single-Page App? | jakelazaroff.com...

Read More

The button element: HeydonWorks

November 7, 2024

The button element is undoubtedly the most misunderstood and least utilized of all HTML. As a sometime accessibility consultant myself, it’s no exaggeration that I’ve encountered fewer buttons tha...

Read More

DevTools Tips

November 7, 2024

If you’re a web developer, DevTools Tips is for you! Whatever your level of experience, and whatever browser you prefer using for web development, use DevTools Tips to learn new tips and tricks ...

Read More

JavaScript dos and donts @ Mu-An Chiou

November 7, 2024

Do use JavaScriptWhen the core functionality of a feature cannot function with only HTML. Source: JavaScript dos and donts @ Mu-An Chiou...

Read More

Foundations: form validation and error messages – TetraLogical

November 6, 2024

As well as labelling text fields with input and labels, form validation and error messages are also essential to making forms accessible to everyone.Forms are crucial for interactive web experiences, ...

Read More

The most effective ways to improve Core Web Vitals

November 5, 2024

Over the years, the web community has built up a wealth of web performance optimization knowledge. While any one optimization may improve performance for many sites, all of them at once can feel overw...

Read More

Tooltip Best Practices

November 5, 2024

In this article, I try to summarize the best practices mentioned by various accessibility experts and their work (like this, this, and this) into a single article that’s easy to read, understand, an...

Read More

Server-first Web Components with DSD, HTMX, and Islands

November 5, 2024

Over the last several years, browsers have made huge strides in bringing native components to HTML. In 2020, the first Web Component features reached parity across all major browsers, and in the years...

Read More

PDF Accessibility on the Web: Tricks and Traps – Part 1 – TPGi

November 4, 2024

Let me start by making two simple statements. It would be a very good thing if all PDF documents on the web were converted to HTML. That’s not going to happen. I want to be clear that I’m not h...

Read More

Color fonts

November 4, 2024

COLRv0 fonts are limited to solid colors. COLRv0 is supported by all web browsers. They work in Sketch app and the Affinity suite of applications. The professional font creation tools Glyphs and FontL...

Read More

New CSS that can actually be used in 2024

November 4, 2024

The amount of CSS novelty in the last two to four years has been staggering. Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change...

Read More

Why AI coding assistants might not help devs much

November 4, 2024

There’s a gap between expectations, experience, and metrics when it comes to AI code assistants, according to a recent study by engineering intel firm Uplevel. Previous surveys have shown both high ...

Read More

HTML Form Validation is heavily underused

November 1, 2024

HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore. Sourc...

Read More

Quick guide to web typography for developers · OlegWock

October 31, 2024

In this guide, we’ll go over key typography settings and learn how we can manipulate them with CSS to make text on your apps and websites look good by default. This tutorial will be useful for d...

Read More

Software engineering reimagined for the AI-Native era

October 30, 2024

AI is redefining the software development process. By viewing development through a lens of problem-solving rather than code creation, engineers can focus on outcomes and value generation – not ...

Read More

Making content-aware components using CSS :has(), grid, and quantity queries – Piccalilli

October 30, 2024

A big thing you need to contend with when working on design systems is anticipating all the different ways someone may use a component. The idea here is that you then preemptively provide sensible beh...

Read More

HTML Whitespace is Broken – Devel without a Cause

October 30, 2024

Recently, I was working on a project which required a deeper understanding of how whitespace works in HTML. I was never a fan of HTML’s whitespace behavior before as I’ve been burned by it...

Read More

State of CSS 2024

October 29, 2024

et me make a prediction: we’ll look back at 2024 as the turning point between “CSS Classic” and “New CSS”. CSS Classic is how most of us have been writing CSS for years: using a limited ...

Read More

Flexible Typesetting is now yours, for free

October 28, 2024

Originally published in 2018, Flexible Typesetting has sold thousands of copies and given a new generation of designers fresh mental models to craft meaningful, multidimensional typography. It is requ...

Read More