loading...

How much CSS should you know to use a CSS framework?

bholmesdev profile image Ben Holmes ・1 min read

I wonder this first learning web development through a CSS framework myself. I started back in the early days of Sass wrestling with bootstrap layouts, learning just the right overrides to bend buttons and column layouts to my will 😈

Looking back, I wonder how much this got in the way of me building the websites I actually wanted to build. I've also noticed similar struggles working other college students new to web development. Though they have the coding chops to work with React, they are completely unaware of how to, say, use flexbox instead of a heavy-handed Bootstrap grid. I've given my own thoughts on how CSS frameworks can be used alongside plain CSS to never feel tied down to templates. However, the level of experience this requires may be out of reach for some or just not necessary.

So, I extend the question to you! What is the ideal CSS experience level before using a CSS framework? What does that mean for beginners?

Posted on Jul 11 '19 by:

bholmesdev profile

Ben Holmes

@bholmesdev

GA Tech grad and full stack web dev all about good design, good music, and good code

Discussion

markdown guide
 

In my personal experience, I had used Bootstrap when I had started learning CSS. I had basic knowledge of CSS like how flex box and grids work, media queries and things like that. Using it made enabled me to make UIs faster without writing much css myself which helped me to practice and focus on building the webpage more. Gradually, and soon enough, I reached a point where I felt like I should have more control or should start exploring more designs and stuff which I could pick up faster since now I had better idea of how complex designs can be made and handled gracefully while keeping it responsive across devices.

I would say that it is perfectly fine for beginners to try out CSS libraries / frameworks so that they can focus on the ecosystem and not get tired writing everything from scratch right when they have started learning and developing! Once they start enjoying it and get more comfortable with everything, they can resume again with learning the details!

 

I think with any framework / library frontend or backend, it's best to have a good understanding of what the framework/library is doing behind the scenes before you use it. You wouldn't learn angular or react before having a great understanding of javaScript and you wouldn't learn laravel without having a solid grasp on PHP. I think the same applies for any CSS framework. Understand what everything's doing. You should be able to do it yourself without the help of something else. Use the tool to make your life easier. Not as a shortcut to avoid learning.

This is speaking from experience, I jumped on the bootstrap band wagon as soon as I learned about it and my CSS skills never really grew. It wasn't until I decided to not use frameworks for quite a few projects that I got to an advanced skill set with CSS/SASS. If I could go back and tell myself to do it differently I would.

 

At the beginning I used CSS frameworks and Botstrap was easy way to get the code that you want, BUT I do not recommend it because making your own Css will make your life easy to understand and manipulate the code you wrote.

 

You don't need to have a deep understanding of CSS, at least with Bootstrap in my opinion. But knowing it will make you way more productive though if you known the concepts behind those utility classes like flexbox.

 

I'd say don't use those at all, unless you just need to throw together an interface for something without visual aspiration.

So my answer would be: The ideal CSS-experience before using it is NONE. If you know CSS, build your own.

 

The only thing you need to know about CSS to work with frameworks is specificity, if you know this you can overwrite css rules