I think this is an excellent question because there are a ton of different ways to skin the CSS cat.
If you're using plain old CSS, then what you'll need is a reliable technique to organize it because it tends to get large over time, especially if other developers are working with you. The method that I like is described at rscss.io/.
If you're using a single-page-app (SPA) framework like React, Vue, etc. I would suggest giving tailwindcss.com/ a spin. Tailwind CSS is considered utility-first, which means that it provides you with class names very similar to CSS keywords. You use these class names to apply the styles. Standard JS components are then used to enforce a consistent look-and-feel. Tailwind is an acquired taste, but I've enjoyed it so far on a couple projects. Here's a helpful link about its utility-first design. tailwindcss.com/docs/utility-….
Personally, I wouldn't go with a CSS framework unless you need pre-canned designs. CSS has evolved to a point where creating a responsive grid system is very easy. CSS grids (css-tricks.com/snippets/css/c…) and Flexbox (css-tricks.com/snippets/css/a…) are very well supported now and make this a breeze.
I think this is an excellent question because there are a ton of different ways to skin the CSS cat.
If you're using plain old CSS, then what you'll need is a reliable technique to organize it because it tends to get large over time, especially if other developers are working with you. The method that I like is described at rscss.io/.
If you're using a single-page-app (SPA) framework like React, Vue, etc. I would suggest giving tailwindcss.com/ a spin. Tailwind CSS is considered utility-first, which means that it provides you with class names very similar to CSS keywords. You use these class names to apply the styles. Standard JS components are then used to enforce a consistent look-and-feel. Tailwind is an acquired taste, but I've enjoyed it so far on a couple projects. Here's a helpful link about its utility-first design. tailwindcss.com/docs/utility-….
Personally, I wouldn't go with a CSS framework unless you need pre-canned designs. CSS has evolved to a point where creating a responsive grid system is very easy. CSS grids (css-tricks.com/snippets/css/c…) and Flexbox (css-tricks.com/snippets/css/a…) are very well supported now and make this a breeze.
this is gold! thanks a lot cody!
ya I've checked out the grid and flexbox as well, that's what got me thinking the frameworks I was using was not as good as I wanted them to be.
seems like almost everyone else is pointing to Tailwind so I'll try it out.
really appreciate it Cody!