hey!
As a newbie, when I started in web development I went straight to Bootstrap.
Today I found this post where they say it is outdated.
Tell me, what should I wear? What is trend? Pure CSS? Some other framework?
Thanks, as always.
hey!
As a newbie, when I started in web development I went straight to Bootstrap.
Today I found this post where they say it is outdated.
Tell me, what should I wear? What is trend? Pure CSS? Some other framework?
Thanks, as always.
For further actions, you may consider blocking this person and/or reporting abuse
waelhabbal -
Yu Hamada -
Nhan Nguyen -
Marcos Mendes -
Oldest comments (40)
I suggest Tailwind CSS.
There are also Bulma css, foundation, semantic ui, UI kit, materialize css, skeleton, Spectre and other πππ₯
I believe Atomic CSS holds the most future potential π
For now its Tailwind, especially when paired with Svelte π₯π₯
For more, I did an article about styling options π¨ππ
It's not βoutdatedβ so much as βold newsβ and βlimitingβ. Bootstrap is perfectly serviceable, itβs just big, not βnewβ (and therefore not βcoolβ, lots of developers unfortunately use this as a measure of how good something is instead of simply evaluating it on itβs merits), and imposes some potentially undesirable limitations (though one of the big ones, dependence on JQuery, is planned to be removed in Bootstrap 5, when that eventually comes out...).
Tailwind is one of the better βmodernβ options right now if youβre looking for building blocks for your own design, itβs reasonably lightweight and very powerful.
For cases where you just need a style βresetβ that gives you consistency across browsers for simple sites, Iβd recommend Water.css, itβs tiny, looks reasonably nice, and works almost everywhere.
Iβve also heard good things about Bulma, though unlike the others Iβve never touched it myself so I canβt really comment on how good it is.
...and Yogurt as well.
Shoelace is more modern I think, because it builds up on Web Components π¦
Tailwind CSS. It's elegant, easy and powerful. Try the playground.
There is PureCSS and my favorite, Material Design for Web.
If I had to go most radical, I would say,
normalize.css
or CSS resetMy thoughts are that using Html 5 Grid and Scss have become so powerful and easy, that other 3rd party style frameworks are dead.
Not everyone agrees but in just 9 months of using only the Html 5 Grid and Scss, I no longer have a reason for anything else.
It's the same thing with querySelectorAll deprecating JQuery.
The Html 5 Grid has deprecated 3rd party CSS frameworks as well as media queries.
But don't take my word, just dive deep into Scss and Html 5 Grid and prove it to yourself.
I believe John Peters above is talking about NOT using bootstrap grid but vanilla CSS Grid
Bro jQuery is not just about querySelectorAll. It has lots of other nice features
True, but in my current project none of them are needed. Most of what I need is in Angular.
Sure... When you use a modern front-end framework you definitely don't not should need something like jQuery
scss with flexbox is all you need!
I do have a small kink for bulma though
Wtite your own π
Yeah, this way you don't have to argue which features you like or hate or even don't have.
Exatly, and you wont have to handle unused code.
Hey, I β€οΈ materializecss, It's kinda cool and flat and modern....
Also, check out Halfmoon. It is a modernized Bootstrap with builtin dark mode...
I would say to use Sass until nesting becomes part of CSS, and to write semantic markup. You don't need anything else, and things like Bootstrap hold back long-term progress in favour of short-term ease.
+1 on this.
I've known a couple of people who lean on Bootstrap and use it to avoid learning the fundamentals. I know there are a million things to learn, and it's easy to feel like you're missing out on the latest shiny tool, but I genuinely believe it's unprofessional to not gain at least base proficiency with the fundamentals.
I suggest the tailwind CSS because its work with material UI perfectly fine and there is no any backlog right now.
Tailwindcss
Some comments may only be visible to logged-in visitors. Sign in to view all comments.