DEV Community

Akshat Singhania
Akshat Singhania

Posted on • Edited on

Why use a css framework when you can use vanilla css?

Using a CSS framework for projects is quite common these days whether it be big projects or small side projects but why do dev's use a CSS framework anyway

While making a website, it is a tough job to make headers/navbars with minor feature like disappearing it on mobiles and making a menu instead, handle pads and tablets screen sizes, dropdowns so talking about these we come to our first point

  • Premade features for easy use and faster development times
    though implementing a normal feature like a login page might be easy and quick, adding elements like errors and dialog boxes might be a long and time-consuming task especially dealing with edge cases like overlapping on different screen sizes, messed up animations.

  • Huge community/organization support for bug fixes, and implementation for many browsers, screen sizes over the years the framework has existed, that means you can get relieved for common problems in older browsers

  • Help to learn CSS , just getting started with CSS and styling , well it takes a lot of time to learn CSS and proper styling of webpages, you might not know about flex boxes and the new grid layout, well the CSS framework already the easier way to implement it

  • They come with documentation. If you need help getting started, the framework generally comes with some support files. This can be particularly nice if you are designing a site you will be handing off to a client. You can just let them know what framework you used and refer them to that documentation for support requests.

Top comments (7)

Collapse
 
grahamthedev profile image
GrahamTheDev

@akshatsinghania you could use this image and overlay "Vanilla CSS" on the sign pointing to the left and "CSS frameworks" on the sign pointing to the right.

bigstockphoto.com/image-60368246/s...

Happy to download the image for you if you don't have an account so your image is licensed.

Collapse
 
akshatsinghania profile image
Akshat Singhania

Thanks thats pretty cool , ill use it in my upcoming articles

Collapse
 
afif profile image
Temani Afif

I doubt the featured image you are using is suitable for the subject.

Collapse
 
grahamthedev profile image
GrahamTheDev • Edited

I have a feeling (given the meme of this image) it is cut off and the girl in blue is “vanilla CSS” and the girl in red is “CSS frameworks”.

It goes from very inappropriate to slightly inappropriate given that presumption 🤣

Collapse
 
afif profile image
Temani Afif

it's still inappropriate to compare a "framework choice" with a "girl choice". Should be better remove before entring the never ending world of speculation

Thread Thread
 
grahamthedev profile image
GrahamTheDev

👍

Collapse
 
akshatsinghania profile image
Akshat Singhania

for those who are doubting the image subject , it is for the fun and the memes and to bring more people