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.
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.
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 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! 💯
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.
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 :-)
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.I just do it raw. Throw in some BEM and PostCSS and I'm set.
Tailwind!! I am really loving it!
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 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
Pure CSS and Sometimes i do use Bootstrap
Stylus CSS has shortest syntax, it's the most pythonic and underrated asf
Tailwind
Zurb Foundation