WDD LIVE 111: Tailwind vs BEM in the Modern Era (BEM Wins!)
Most Tailwind debates pit Tailwind’s utility-first approach against outdated CSS workflows, comparing today’s tool to yesterday’s problems. The result? A rigged comparison that naturally favors Tailwind.
But here’s what’s missing from that debate: the development environment has changed, and so has CSS. Modern visual development tools and proper CSS methodologies have evolved far beyond the monolithic stylesheet era that made Tailwind so appealing when it was first introduced.
In this video, Kevin is doing an apples-to-apples comparison between Tailwind and BEM-based CSS in a modern visual development environment (a properly architected “page builder”).
As you’ll see, when you actually level the playing field, the picture becomes remarkably more precise. And you may find that the conclusions radically change.
Agenda
- “Just Use Tailwind” – Rebuttal
- Tailwind vs BEM
- Q&A
Audio & Video
Page Building 101 (Era 4)
Kevin Geary
16:23Using the Bricks Array Query
FW Studio
0:52
2:44:25
Related stories
Comparing ACSS 4 to ACSS 3
New demo highlighting the difference between ACSS 3 and ACSS 4.
Missing Ribbon
If you upgraded to the alpha 1 version of ACSS 4, you will notice a lot of things have changed, and some features temporarily disappeared and are scheduled to return as a recipe. While the rationale is sound (do things the right way), it is a bit annoying to have an alpha not be feature…
I Use Bricks, Should I Care About Etch?
As someone who uses both Bricks and Etch, the "fear of missing out" can be overwhelming. Apply Etch's best practices in Bricks and you can relax...for awhile.
