Tag: Tailwind
Don't pass className to your components
Why className and style props make your life harder, not easier
The Tailwind Labs Story: How AI Disrupted a Successful Business Model
On January 6, 2026, Adam Wathan, creator of Tailwind CSS, made a difficult announcement that sent shockwaves through the web development community: Tailwind Labs laid off 75% of its engineering team—three out of four engineers—despite the framework being more popular than ever. The layoffs occurred because of a brutal 80% revenue collapse, driven primarily by the way artificial intelligence has fundamentally altered how developers learn, build, and consume development tools. This situation represents a watershed moment in understanding how AI impacts not just the broader tech industry, but specifically the economics of open-source software businesses and their commercial derivatives.
Shared Tailwind CSS Themes in Svelte Monorepos
I’m currently in the process of migrating a large SvelteKit monorepo from Svelte 4 to Svelte 5 with my team. The UI package is still on Svelte 4 and it’s causing a lot of headaches with svelte-check in CI and the and event delegation (UI package...
Theme Switching in SvelteKit Updated for daisyUI v5 and Tailwind v4
Aight! Let’s go over the migration from Tailwind v3 to v4 and daisyUI v3 to v5 in a SvelteKit project, I’ll not go into a massive preamble here on the improvements that Tailwind v4 brings, essentially , it good, it faster, it simpler, with modern...
Scrollbar Styling with Tailwind and daisyUI
Remember when I wrote about changing scrollbar colour with Tailwind CSS? Good times! 😅 Well, that post was ago and stuff don’t stay the same for long in modern web dev. The sitch: I noticed my scrollbar styles were being applied when the mouse...
The new Svelte (sv) CLI, adding Tailwind is simple now
Aight! With Svelte Summit Fall 2024 done with we got a load of cool new announcements, Svelte 5 being the big one along with the new site and docs! Beautiful! One of the other big announcements was the new Svelte CLI which combines with the ...
Tailwind CSS Cheatsheet
A cheatsheet on how to use Tailwind CSS classes and links to resources.
tailwindで定義した色をimportして使用する
tailwindで定義した色をimportして使用する
Naman Goel - StyleX
Naman Goel, StyleX technical lead, breaks down Facebook's CSS-in-JS solution and why it outperforms other styling frameworks.
I removed Tailwind from my site
A brief run through removing Tailwind.css from this site.
Customising Fonts in Tailwind CSS and daisyUI
Tailwind is awesome n’ all but what do you do when you want to change the default fonts. I’ve spent a bit of time customising this site to use local fonts above the default used in Tailwind CSS. In this post I’ll go over adding in new fonts for...
Cookie-Based Theme Selection in SvelteKit with daisyUI
This guide will cover how to add a cookie-based theme selection to a SvelteKit site using daisyUI. I’ve always liked implementing something in the way of a theme change into my sites. This often meant that I’d have to define my own theme up-front...
Add custom fonts to Next.js sites with Tailwind using next/font
Learn how to add custom fonts to your Next.js app using next/font and Tailwind CSS. Improve user experience without sacrificing performance.
Add custom fonts to Next.js sites with Tailwind using next/font
Learn how to add custom fonts to your Next.js app using next/font and Tailwind CSS. Improve user experience without sacrificing performance.
Gradient animations with Tailwind CSS and SvelteKit
Tailwind is cool, right? Really configurable as well, I wanted to add some gradient animation to a project of mine. So did a search and found this awesome post by Victor Yoalli on how to do it! Thanks Victor! I’ve basically taken Victor’s code and...
Tailwind is a Leaky Abstraction
Although Tailwind does have some benefits, ultimately it’s just one more thing to learn.
Change Browser Scrollbar Colour with Tailwind CSS
Styling a scrollbar with Tailwind CSS for Chrome, Edge, Safari and Firefox. This is possible with vendor prefixes and pseudo-elements. I touched on the configuration for this in the Change Text Highlight Color with Tailwind CSS post I did recently.
Change Text Highlight Color with Tailwind CSS
How to change the highlight color of text on the page? Here’s the situation! I wanted to change the text highlight color to a different colour than the default blue on my site. To change the default text highlight color in a Tailwind CSS...
Create Skip To Content With Tailwind CSS
Skip links are internal links that allow you to skip to the main content of the page. So on this page, if you hit the tab key you’ll see a skip navigation button, something like this:
How to Set Up Svelte with Tailwind CSS
How to set up Tailwind CSS with Svelte, two examples here of adding Tailwind CSS to a new Svelte project. ℹ️ Please note at the time of writing SvelteKit is not at v1 but this will be the default way to create new Svelte projects when...
Deploy Your Own Links Page with One Click
Having one place for all your social links is big business! Services like Linktree, ContactInBio, LinkBook, etc all offer the same sort of service. One location for all your social links. This is a nice project as a proof of concept to get you set...
VuePressでFont AwesomeとTailwind CSSを使うときの注意点
このサイトで使用しているテーマには Font Awesome のアイコンを使用しているのですが、Tailwind CSS と同時に有効化した際にスタイルが消えてしまったので対処法を残しておきます。 ...
Stylelint Configuration for use with Tailwind CSS
When using Tailwind CSS in a Toast project I got a CSS warning when trying to use the Tailwind directive. A quick Google gave me a stackoverflow result for using it in Vue but the solution worked the same in Toast with one last...