Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Mbrown1431's avatar

Tips on Streamlining CSS

Disclaimer: I'm totally new to all of this. Started 3 weeks ago.

I have practiced and become quite comfortable writing semantic HTML5, DRY CSS and have the intermediate features of SCSS down. I can create a full page using CSS Grid, Flexbox and custom CSS with expected results, fully responsive and 100% CSS coverage.

I played around with Bootstrap today for the first time, and I hate it.

Is there a way to streamline SCSS development time? I saw an article on Compass, but that seems dead now. Any guidance would be appreciated. Maybe your preferred tools and methods?

Thanks!

Mike

0 likes
5 replies
JohnBraun's avatar
Level 33

Did you have a look at Tailwind CSS yet? This utility first CSS framework allows you to modularly add classes to style elements exactly how you'd like. Also, you can create standard "presets" called components to apply a bunch of classes at the same time.

https://tailwindcss.com

Danieloplata's avatar

Absolutely recommend tailwindcss, and when it comes to streamlining - purgecss will dramatically reduce the size of your css/js files

makjames's avatar

In streamlining CSS boost development which features create full-time 100% success ration in prefered method.

Mbrown1431's avatar

Thanks John!

I played around a bit and read a portion of the docs. This is exactly what I was hoping for, I just couldn't quite articulate what I wanted. It is lightweight and the components feature is precisely what I had in mind for streamlining basics that have already become repetitive.

Mbrown1431's avatar

Thank you, I will check out PurgeCSS as well. Appreciate the tip!

Please or to participate in this conversation.