I have been struggling with learning css – html – javascript – php -.. for a while now. It is a learning curve that at first seems pretty simple. Learn the syntax, the specialities of every language. Maybe some tutorials here and there. And you are done.
In most language this is true. But with css and all the different front end development tools it is a bit different. When I tell people about SASS and SCSS they all instantly ask why do you even use it or wane learn it?
It is all because of bootstrap 4.+. For everyone who works with websites bootstrap is a know thing. A system build in sass – scss to speed up the process of building a website. The styling is predefined and everything is developed so it can be used cross browser and cross device.
But there is a downside to it all. A lot of the bootstrap code is not used in every site. Meaning that on average the css file is big and bulky and 75% of it is not used. This means the site runs slower as all that data needs to be run through.
This is where SASS and SCSS comes into the light. You can import specific parts of the bootstrap. Make changes to colours – settings – visual aspects. All of this sounds great but all the tools needed to make use of this is ridiculous. I don’t understand why there is no standard implementation of SASS – SCSS in the big development tools. The tools needed to get this to work properly is just plain stupid.