🎨Sass: the style you want, the code you need

#scss #webdev #css #design

I added the course road map.

If you are a developer or web designer, chances are you have heard about Sass at one time or another. Sass is just as easy to use as CSS but includes some additional features that make it even more powerful.

It's time to start the Sass series. In this first article of the series, we will learn what Sass is and why you need to use it for more efficient web development.

Sass is an extension of the CSS language that adds power and flexibility without getting too complicated. It provides variables, mixins, inheritance, and other handy tools for making CSS more maintainable. Sass also helps with more advanced features like code organization (partials), data-driven styles (looks), and responsive design.

In this series, we'll be going over the basics of SASS/SCSS. We'll be covering a lot of ground, from basic syntax to more advanced features. So, if you're new to SASS/SCSS or want to brush up on some old skills, this is the series for you.

So let us start with this question

Should you be using Sass or CSS? 🤔

That’s a question often asked, and one we can answer with a simple “Yes”. It all comes down to stylesheets vs preprocessors — and it’s important to get things right. SASS (and its more powerful cousin, SCSS) are writing systems that let you write faster, more flexible, and more maintainable code by way of variables, mixins, and nesting.

SASS was designed by Hampton Catlin and Chris Eppstein.
The main goal of SASS is to make it easier for developers to maintain their stylesheets and also to help them avoid some common coding problems.

This code, for instance, creates a set of classes twice: once using CSS and once with SCSS.