News

Organizing CSS

Published

In last weeks newsletter I talked a bit about CSS and how Matt Stauffers video got me to start looking around at all the different methods of structuring. I honestly wasn’t even thinking about using all three together and in this post Matt shows you how they do it at Tighten:

I wanted to clarify a little bit, and hope this could add a little to the conversation around well-architected, modular CSS: At Tighten we do use BEM… but we also use OOCSS. And SMACSS. At the same time.

At the end he mentions using BEM with Sass, but if you prefer Less I found this tip

Free yourself from spaghetti CSS and go read his post. Especially if you have a large project.

Eric L. Barnes photo

Eric is the creator of Laravel News and has been covering Laravel since 2012.

Filed in

Sponsored

masteringlaravel logo
Laravel Code Review

Get expert guidance in a few days with a Laravel code review

Visit Laravel Code Review

The latest

View all →
Agent Run Observability in Laravel AI SDK 0.11 image

Agent Run Observability in Laravel AI SDK 0.11

Read article
Debounced Queued Event Listeners in Laravel image

Debounced Queued Event Listeners in Laravel

Read article
Statamic Mailables Viewer Previews Laravel Emails in the Control Panel image

Statamic Mailables Viewer Previews Laravel Emails in the Control Panel

Read article
Laravel Tackle: Run an AI Coding Agent in Your Laravel App image

Laravel Tackle: Run an AI Coding Agent in Your Laravel App

Read article
Queue::forward(): Reroute Laravel Queues in One Place image

Queue::forward(): Reroute Laravel Queues in One Place

Read article
Laravel Read-Through Filesystem: Lazy Storage Migration image

Laravel Read-Through Filesystem: Lazy Storage Migration

Read article