Search
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project
24.8.2022
If a utility class only does one thing, chances are you don’t want it to be overridden by any styles coming from elsewhere. One approach is to use !important to be 100% certain the style will be applied, regardless of …
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project...
Adding Tailwind CSS to New and Existing WordPress Themes
20.4.2022
In the 15 or so years since I started making WordPress websites, nothing has had more of an impact on my productivity — and my ability to enjoy front-end development — than adding Tailwind CSS to my workflow (and it …
Adding Tailwind CSS to New and Existing WordPress Themes originally...
Building a Tennis Trivia App With Next.js and Netlify
8.10.2021
Today we will be learning how to build a tennis trivia app using Next.js and Netlify. This technology stack has become my go-to on many projects. It allows for rapid development and easy deployment.
Without further ado let’s jump in!…
The post Building a Tennis Trivia App With Next.js...
“Disambiguating Tailwind”
20.8.2021
I appreciated this bit of nuance from a post on Viget’s blog:
There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:
1. Stock tailwind, ie. no changes to the
…
The post “Disambiguating Tailwind” appeared first...
If we’re gonna criticize utility-class frameworks, let’s be fair about it
22.6.2021
I’m not here to raise a shield protecting CSS utility frameworks. I don’t even particularly like the approach, myself, and nothing is above fair criticism. But fair is a key word there. I can’t tell you how many times I’ve …
The post If we’re gonna criticize...
How to Use Tailwind on a Svelte Site
12.3.2021
Let’s spin up a basic Svelte site and integrate Tailwind into it for styling. One advantage of working with Tailwind is that there isn’t any context switching going back and forth between HTML and CSS, since you’re applying styles as …
The post How to Use Tailwind on a Svelte Site appeared...
The Things I Add to Tailwind CSS Right Out of the Box
26.2.2021
In every project where I use Tailwind CSS, I end up adding something to it. Some of these things I add in every single project. I’ll share these with you, but I’m also curious what y’all are adding to …
The post The Things I Add to Tailwind CSS Right Out of the Box appeared first...
Why I love Tailwind
11.12.2020
Max Stoiber wrote some interesting notes about why he loves Tailwind. (Max created styled-components, so he has some skin in the styling methodology game.) There’s a lot of great history in this post about how Tailwind emerged and became a valuable tool for designers and engineers alike, but...
Tailwind versus BEM
25.11.2020
Some really refreshing technological comparison writing from Eric Bailey. Like, ya know, everything in life, we don’t have to hate or love everything. Baby bear thinking, I like to say. There are benefits and drawbacks. Every single bullet point here is well-considered and valid. I really...
Color Theming with CSS Custom Properties and Tailwind
19.11.2020
Custom properties not only enable us to make our code more efficient, but allow us to work some real magic with CSS too. One area where they have huge potential is theming. At Atomic Smash we use Tailwind CSS, a utility class framework, for writing our styles. In this article, we’ll look at...
An Eleventy Starter with Tailwind CSS and Alpine.js
10.7.2020
When I decided to try to base my current personal website on Eleventy, I didn’t want to reinvent the wheel: I tested all the Eleventy starters built with Tailwind CSS that I could find in Starter Projects from the documentation.
Many of the starters seemed to integrate Tailwind CSS in...