Skip to Content
The Public InterfaceSeptember 12, 2026

The Public Interface

August 25, 2026

tailwint - Tailwind Lint CLI

Let your agent fix your Tailwind lint issues.

By Ross Robinotailwindcss / css / ai

TailwindCSS provides a built in linter in their VSCode IDE plugin that provides suggestions like this:

When migrating from v3 to v4, I have had countless improvements highlighted from this handy feature.

Now that I am delegating more work to AI agents, I realized I’m missing these opportunities if I don’t open these files in my IDE. Tailwind does not currently provide a programmatic linter to fix these automatically.

I found a project that does exactly this and uses the Tailwind language server to accomplish it. tailwint is a Tailwind linter and auto-fixer for CI. You can install it as a development dependency,

and add it as a lint script in package.json.

Run npm run lint, to programmatically fix these issues. Thanks peterwangsc for this great library.…

Continue reading

In brief

How to Prevent Scrollbar Layout Shift

Prevent layout shift caused when removing the scroll from an element with the CSS scrollbar-gutter property.

A common issue when removing the scroll from an element with JavaScript is that is causes the width of the content to change when the scrollbar is hidden. For example, this happens when you are building a modal element that sets the overflow of the body element to hidden when the modal is open. I came across the scrollbar-gutter property when watching this video from Kevin Powell. It allows you to maintain the width of the scrollbar gutter even when the element isn’t scrollable. It makes for a simple solution to layout shift problem.

May 1, 2025

How to Create a Carousel using Modern Web Standards

Learn to build an interactive carousel using CSS scroll-snap and progressively enhance it with JavaScript.

A carousel is a common UI element many applications have in place. It can be nice to display images or cards of information. Here’s how to create a carousel with CSS scroll-snap and progressively enhance the carousel with buttons on either side. First we’ll set up the carousel with just HTML and CSS. Here we can use custom elements without JavaScript to avoid having to use class names for our CSS. Custom elements do not require JS!

June 25, 2024

External dispatch

Archive

March 13, 2024 · css

Scope JavaScript and CSS with the Web Platform

CSS @scope combined with custom elements in JavaScript introduces a more native approach to scoping, allowing for cleaner and more manageable code in web development.

August 21, 2023 · css

A Case for CSS Components

Reasons to use CSS stylesheets instead of JavaScript UI frameworks to author primitive components.