DEV Community

Cover image for SASS in 2024
Murtjiz Naqvi
Murtjiz Naqvi

Posted on

SASS in 2024

Why Sass?
Sass is a CSS codegenerator and used for styling and thats allows developers to used thats features which are not avalible in CSS such as variables, nested rules, mixin and functions. That makes code more readable and and easy to maintain.

Advantages:

  1. Saved time and effort, beacaue we don't repeat classes names again and again.
  2. In Saas mixin and partial will allow us to renewable code chunks. 3.In Saas variables allow us to reuse the values from style sheets. 4.In Saas we have generate css easily and quickly beacause its contains less code.

Disadvantages:

1.It is difficult to rectify.
2.The code created by Sass must be compiled into Css, which can take extra development process.

Why Css ?
Css stands for Cascading style sheet and that's used to reshape the unstructured layout into structured layout and make the user interface attractive,for example we have write your name in html and you want to designed it then you can use css and designed your name.

Benifits:

1.Designed user interface attractive and responsive.
2.We can position our webpage with our own aim.
3.Easy to write and understand.

Disadvantages:

1.Apply on each classes or id's partially.
2.It's contains large code.

Final Decree:

This is what I believe after studying Css and Sass:
1.Basically Css not depends on sass beacause we designed the page easily with the knowledge of Css but the peoblem is that we can't use variables, nested rules, mixins, imports, inheritance, built-in-functions in plain css.
2.On the other hand Sass depends on css beacuse we designed the page in sass using css knowledge and its more better than css because in that we use variables, nested rules, mixins, imports, inheritance, built-in-functions through this we can safe our time.

I have done my learning on Css and Sass from codecademy you can see my certifications below:

CSS Certificate:
Image description

Sass Certificate
Image description

Visit my homepage:https://syedmurtjiz.github.io/

Top comments (0)