I'm a Tailwinds convert. We don't use Tailwinds on Forem, but we have an approach inspired by it — and could some day fully adopt it. But I reach for it in my own things.
If I'm not using that, I'm typically using nothing. I find CSS frameworks to bring a lot of set up burden, so I'll generally go dependency-free if it's a small thing I want to get out the door.
Pure CSS ( With Sass Preprocessor ). Simple, Minimalist, DRY. As an added benefit, HTML is also cleaner as it does not require unnecessary multiple deeply nested containers.
I think it is good to learn CSS. It is not that complicated. After that you will not need a CSS framework. Then in the future you have the choice to use a CSS framework if you want or if a job requires that you use one.
limit the use of classes (purge.safelist) to only responsive display related CSS classes e.g. max-width, hidden, md:block, lg:flex, ...
while researching for layout/grid CSS alternatives, no library came near the flexibility, tooling of TailwindCSS and size. But I don't want to overwhelm the non-frontend team with yet another tech to learn.
I was stuckkkk on Bulma for a while, then I got introduced to Tailwind and I've been using it ever since (a little over a week now to be exact 😅). It felt kinda intimidating at first but I guess it was just one of those things that takes getting used to.
Depends on the project I am working on, for my work.
For some cases I use Tailwind and other times custom CSS.
Mainly for my own or to mix with other CSS (Framework or Custom), I use my own CSS Framework fylgja.dev/
Like the concept of mixin the power of CSS components with CSS utilities and a little sprinkle of custom CSS where needed.
Lot of Tailwind fans around here, I've tried it but seems to me a little messy all that CSS classes in the HTML... I've been working with Bootstrap (it appears to me pretty interesting nobody has mentioned it yet, any particular reason?, I'm curious! 🤔) and now that they left behind jQuery, even more! (yeah!, it was about time!). But also I enjoy a lot working with vanilla CSS and Sass, working with a preprocessor helps me with DRY, if there is no rush and the project allows it (most of the time this doesn't happens so I keep this for side projects, testing purposes or just for fun on my spare time).
I used to use MaterialUI but it gave me a lot of pain for styling and customising. Then I tried styled-components with plain css but again it felt a little bit wrong. Currently I´m using Tailwind and if it doesn't have what I need I write some custom rules. But with Tailwind I'm pretty much set up and I totally like it :-)
I am a frontend developer focused in creating application with React, Vue and Svelte. Currently, I am a software engineering student at Kasetsart University.
I mainly use WindiCSS. It is Tailwind but not a PostCSS plugin. It's really good for speedrunning development. I also use experimental UnoCSS which is basically WindiCSS but lighter and have less features.
I use framer motion for animation and tailwindcss, but I might transition from framer to regular css animation because framer is not the lightest package out there
I'm a Tailwinds convert. We don't use Tailwinds on Forem, but we have an approach inspired by it — and could some day fully adopt it. But I reach for it in my own things.
If I'm not using that, I'm typically using nothing. I find CSS frameworks to bring a lot of set up burden, so I'll generally go dependency-free if it's a small thing I want to get out the door.
Agreed vanilla css is go-to.
Pure CSS ( With Sass Preprocessor ). Simple, Minimalist, DRY. As an added benefit, HTML is also cleaner as it does not require unnecessary multiple deeply nested containers.
Agreed. Classic.
I think it is good to learn CSS. It is not that complicated. After that you will not need a CSS framework. Then in the future you have the choice to use a CSS framework if you want or if a job requires that you use one.
Yeah.
I have a plan that I think can work out:
purge.safelist
) to only responsive display related CSS classes e.g.max-width
,hidden
,md:block
,lg:flex
, ...while researching for layout/grid CSS alternatives, no library came near the flexibility, tooling of TailwindCSS and size. But I don't want to overwhelm the non-frontend team with yet another tech to learn.
what do you all think of this?
I was stuckkkk on Bulma for a while, then I got introduced to Tailwind and I've been using it ever since (a little over a week now to be exact 😅). It felt kinda intimidating at first but I guess it was just one of those things that takes getting used to.
Tailwind for sure is good
I have also went from Bulma to Tailwind!
Woot woot! 💯
Depends on the project I am working on, for my work.
For some cases I use Tailwind and other times custom CSS.
Mainly for my own or to mix with other CSS (Framework or Custom), I use my own CSS Framework fylgja.dev/
Like the concept of mixin the power of CSS components with CSS utilities and a little sprinkle of custom CSS where needed.
Lot of Tailwind fans around here, I've tried it but seems to me a little messy all that CSS classes in the HTML... I've been working with Bootstrap (it appears to me pretty interesting nobody has mentioned it yet, any particular reason?, I'm curious! 🤔) and now that they left behind jQuery, even more! (yeah!, it was about time!). But also I enjoy a lot working with vanilla CSS and Sass, working with a preprocessor helps me with DRY, if there is no rush and the project allows it (most of the time this doesn't happens so I keep this for side projects, testing purposes or just for fun on my spare time).
I used to use MaterialUI but it gave me a lot of pain for styling and customising. Then I tried styled-components with plain css but again it felt a little bit wrong. Currently I´m using Tailwind and if it doesn't have what I need I write some custom rules. But with Tailwind I'm pretty much set up and I totally like it :-)
I mainly use WindiCSS. It is Tailwind but not a PostCSS plugin. It's really good for speedrunning development. I also use experimental UnoCSS which is basically WindiCSS but lighter and have less features.
I just do it raw. Throw in some BEM and PostCSS and I'm set.
Vanilla CSS. I don't like putting my styling in the HTML, and when I have to take that shortcut, I'll just use inline
style
s.Tailwind!! I am really loving it!
I use Amigo CSS - amigocss.com/
I really liked Halfmoon, but development seems to have ceased.
I use Chakra-UI. That said, knowing the fundamentals of CSS makes frameworks work much better for you!
Just started a new job and they use Tailwind , love it so far.
I like pure CSS. Because writting it is slow I rather generate it Stylify ❤️
I use a framework called mdb it works for react, angular, vue and vanilla js the ui looks cool
I use framer motion for animation and tailwindcss, but I might transition from framer to regular css animation because framer is not the lightest package out there
Stylus CSS has shortest syntax, it's the most pythonic and underrated asf
Tailwind
Zurb Foundation
Pure CSS and Sometimes i do use Bootstrap