As a backend developer venturing into front-end work, I'm curious about CSS practices among professional developers. Given that frameworks like Tailwind can produce extensive code, it's hard to imagine many folks starting with a completely blank CSS file. How do you generally approach CSS when beginning a new project? Do you write it by hand, or do you rely on pre-existing templates and frameworks?
4 Answers
I think it mainly depends on the project. For smaller tasks, I love writing CSS manually. But on larger projects or in teams, using a design system or UI framework like Bootstrap or MUI saves a ton of time. It’s all about finding balance, you know? Plus, handling CSS in a big team can get messy, and consistency is key!
Exactly! Wrapping your head around a team’s CSS practices is crucial for smooth collaboration.
Writing CSS by hand is quite enjoyable and allows for much more control! I like to establish a utility class system that I reuse, similar to pre-built frameworks but customized. It helps streamline projects without relying heavily on frameworks like Tailwind, which, honestly, can get quite verbose if you dig into it.
I agree! CSS can seem daunting, but once you grasp the fundamentals, it’s not as bad as it appears.
True! And I've learned to appreciate the power of plain CSS in creating unique and elegant designs.
In my experience, integrating tools like LLMs for CSS templates can lead to messy code. It’s better to write styles yourself to maintain clarity and control, especially if you want to avoid bloat.
I completely relate! Custom styles lets you be more creative and aligned with project goals.
For sure! I’ve tried generated CSS but ended up spending more time fixing it than just doing it from scratch.
Absolutely, many of us still write CSS by hand! I usually start with a reset file, then add CSS variables and custom styles for components in separate files. This way, I avoid style collisions and keep things organized. I find it fun and quite rewarding to make things pixel-perfect based on designer specs! Although, if I were designing for myself, I might lean towards a UI framework to kick things off.
Tailwind might be great for speed, but I get what you mean about the bloat! That's why I appreciate starting from minimal, clean CSS.
Yes, I'm with you on writing raw CSS! Using modern features like nesting simplifies things tremendously.
Right! I often find myself borrowing from past projects for a head start.