I was once in this dilemma and it was crazy but after some research, I figured it out which is the main reason I'm writing this guide to help others in this similar situation.
First of all CSS is an entity on its own, and any CSS framework is built upon it as a subordinate, that is, it's depending on it(CSS) to function. It's like a root and branch relationship.
Vanilla CSS gives you full control of your styling without restrictions, while framework only gives you components to work with.
You might be importing a lot of codebases you don't need when using a framework which will bloat your pages and slow down your website, while vanilla CSS is minimalistic to the core, you only create styles that you'll use.
Most frame-work styled pages look the same, meaning they can't be customized as most of the components styling are similar, hence giving a site an ordinary feel, while vanilla CSS gives you the freedom to customize your elements however you want.
Learning vanilla CSS is the best way to learn CSS for absolute beginners, you'll understand how frame-works, understand the styling underneath the styling components, and you can pick it up quickly, if you know CSS, you can learn bootstrap or any CSS framework in an evening.
Well, after you learn CSS, frameworks can come in handy and it can also save you the stress of styling from scratch especially if you just want to make a quick UI without any fancy stuff.
Top comments (2)
Hello, I agree with you. Learn CSS first is the best thing to do for beginner. It is enough powerful to do anything you want !
Yeah, it really helped me tremendously.
Thanks for stopping by!