Elsewhere

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

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

Come To The Light-dark() Side

October 28, 2024

You’d be forgiven for thinking coding up both a dark and a light mode at once is a lot of work. You have to remember @media queries based on prefers-color-scheme as well as extra complications that ...

Read More

Platform Strategy and Its Discontents – Infrequently Noted

October 28, 2024

Web developers and browsers have capped the web’s mobile potential by ensuring it will feel terrible on the phones most folks have. A web that can win is a web that doesn’t feel like sludg...

Read More

A Very Brief History of Design Systems, Part 1

October 25, 2024

In our modern digital era, the term design system is primarily associated with user interface (UI) development. It describes a structured set of components, guidelines, tools, etc. used to deliver con...

Read More

A world without passwords is in sight

October 25, 2024

Apple thinks 249 of my passwords need attention. Some of them have been reused. Some of them have been caught up in data breaches. Some are just bad passwords. That’s why, for the past 11 years...

Read More

What Makes a Font Accessible? A Designer’s Guide

October 24, 2024

Discover the key characteristics of accessible fonts and learn best practices for selecting and combining typefaces that ensure readability for all users. Source: What Makes a Font Accessible? A Desig...

Read More

Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content

October 24, 2024

Historically, we could link to a certain part of the page only if that part had an ID. All we needed to do was to link to the URL and add the document fragment (ID). If we wanted to link to a certain ...

Read More

Clarifying The Relationship Between Popovers And Dialogs

October 24, 2024

The difference between Popovers (i.e., the popover attribute) and Dialogs (i.e., both the element and the dialog accessible role) is incredibly confusing — so much that many articles (like this, thi...

Read More

The Interactive Guide to Rendering in React

October 24, 2024

What is rendering?Put simply, rendering is just a fancy way of saying that React calls your function component with the intent of eventually updating the View.When React renders a component, two thing...

Read More

Where web components shine

October 23, 2024

In this job we need to think a lot about the tools we choose and why, so I cataloged all the places where web components (for me) feel like “the right tool for the job”. Your list may be different...

Read More

A Plea for Sober AI

October 23, 2024

Source: A Plea for Sober AI | Drew Breunig...

Read More

Unleash The Power Of Scroll-Driven Animations

October 23, 2024

A scroll-driven animation is an animation that responds to scrolling. There’s a direct link between scrolling progress and the animation’s progress. Scroll-driven animations are different than scr...

Read More

The 3 AI Use Cases: Gods, Interns, and Cogs

October 22, 2024

It gets confusing! For laypeople, it’s hard to nail down what AI actually does (and doesn’t) do. For those in the field, we often have to break down and overspecify our terms before we can get to ...

Read More

The Shadow DOM is an antipattern

October 21, 2024

In my video on building a modern web app with vanilla Web Components, I mentioned that I believe the Shadow DOM is an antipattern when using Web Components.I had a few folks in the comments ask me why...

Read More

The blockquote element: HeydonWorks

October 18, 2024

Even before HTML5, was designated for longer quotations. Indeed, the term “block quotation” precedes the element and the concept of block-level HTML elements. The Chicago Manual Of Style recommend...

Read More

Eval-driven development: Build better AI faster

October 18, 2024

AI changes how we build software. In combination with developers, it creates a positive feedback loop where we can achieve better results faster. However, traditional testing methods don’t work ...

Read More

Big W for Web Components

October 16, 2024

Quick review: If you don’t regularly work with Web Components, the term “Shadow DOM” might sound a little more kinky than the topics we normally cover. But fortunately (or unfortunately?), Shado...

Read More

Queering design systems thinking

October 15, 2024

Despite the way they’ve infiltrated product building processes large and small, the teams behind organizations’ design systems are constantly having to defend their own existence. Paradoxically, c...

Read More