• Latest
  • Trending
SASS Best - 5 reasons

Why You should move to SASS? 5 Reasons

March 22, 2021
Chia network - chia coin (Credit : todayuknews)

Chia Coin will be the Next Bitcoin? All About Chia Project

May 5, 2021
Quokka JS Scratchpad

Quokka.js virtual JavaScript scratchpad: No more CLIs

March 22, 2021
What is Gulp JS? For Beginners

What is Gulp JS? For Beginners

March 22, 2021
Top Gaming Sites To Improve Your Coding Skills

Top Gaming Sites To Improve Your Coding Skills

March 22, 2021
The Purposes of Frontend Frameworks

The Purposes of Frontend Frameworks

March 22, 2021
css to sass

Why We Should Move from CSS to SASS? Beginners

March 22, 2021
Best Web UI Trends in 2021: You should follow

7 Best UI Trends You Should Follow in 2021

March 22, 2021
Should You Learn Bootstrap in 2021

Should You Learn Bootstrap in 2021?

March 22, 2021
Should not Become a Full-Stack Developer

Why You Shouldn’t Become a Full-Stack Developer as a Beginner?

March 22, 2021
Web Development Course at Harvard University

Free Web Development Course at Harvard University: Apply Now

March 22, 2021
The Fundamental Concepts of React library

The Fundamental Concepts of React library

March 22, 2021
5 Front-end Development Skills in 2021

5 Front-end Development Skills in 2021

March 22, 2021
HOT
Web & Tech News
No Result
View All Result
Web & Tech News
No Result
View All Result
Advertisement Banner
Home CSS Sass/SCSS

Why You should move to SASS? 5 Reasons

Chathura Jayasanka by Chathura Jayasanka
March 22, 2021
in Sass/SCSS
3 min read
401 31
0
SASS Best - 5 reasons

SASS Best - 5 reasons

593
SHARES
Share on FacebookShare on Twitter

sass is a CSS preprocessor and becoming very popular for years basically you write sass and then compile it to CSS.

but what is the benefits in this article we will talk about five reasons. you should stop writing CSS and use sass instead.

1. you can use variable

this alone let you write CSS faster and more organized for example,

if you are using the same color code cross your CSS just set it as variable so you can reuse it anywhere

you want and if you want to change the color just update a variable and it’s done but for traditional CSS you have to replace all.

2. can use if-else even create a function

the occurrences on your code one by one with sass you can write CSS,

almost like programming language you can use if-else calculation logics make inline comment or even create a function

this let you write more complex code while still readable and reusable for other projects

while traditional CSS cannot and here’s the reason number two

number three sass is based on CSS syntax so you don’t have to relearn the whole new language

basically sass is a CSS superset so you can even copy your CSS into sass

and it’s working you can switch to use sass right now and get used to the extra feature little by little

reason number four you can split your sass into a smaller module and imported when needed

it’s let you modularize your code making a lot easier for maintenance

while you can also use import with traditional CSS

but each import will cause an extra HTTP request to your server

which is not good the sass import on the other hand will be compiled and processed into a single CSS file so you won’t have that problem

reason number five we could use inherent concept in sass for example,

you have a set of CSS properties that will be used many times just extend it it’s basically the same concept as Java or C#

this will prevent redundant code improve readability and easier maintenance of course this is not possible for conventional CSS

so these are reasons why you should give sass a try,

and if you are looking for a nice build in sass compiler that you speed up your project check out this tutorial video

thanks for watching don’t forget to like or subscribe to stay with us for more see you next time bye

Tags: SASS
Advertisement Banner
Chathura Jayasanka

Chathura Jayasanka

Experienced UI/UX Engineer & Tech enthusiast.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Trending

Chia network - chia coin (Credit : todayuknews)
Tech

Chia Coin will be the Next Bitcoin? All About Chia Project

2 years ago
Quokka JS Scratchpad
JavaScript

Quokka.js virtual JavaScript scratchpad: No more CLIs

2 years ago
What is Gulp JS? For Beginners
JavaScript

What is Gulp JS? For Beginners

2 years ago
Top Gaming Sites To Improve Your Coding Skills
JavaScript

Top Gaming Sites To Improve Your Coding Skills

2 years ago
The Purposes of Frontend Frameworks
Angular

The Purposes of Frontend Frameworks

2 years ago
Web & Tech News

We bring you Web Development Technologies & Tech News.

Follow Us

Recent News

Chia network - chia coin (Credit : todayuknews)

Chia Coin will be the Next Bitcoin? All About Chia Project

May 5, 2021
Quokka JS Scratchpad

Quokka.js virtual JavaScript scratchpad: No more CLIs

March 22, 2021

Categories

  • Angular
  • Bootstrap
  • Component Libraries
  • CSS
  • GIT
  • JavaScript
  • Learn
  • React
  • Sass/SCSS
  • Tech
  • Vue

Tags

AngularJS bitcoin Bootstrap cloud Courses cryptocurrency css Data Devops flutter frontend GIT Gulp JS html javascript Javascript frameworks Programming Quokkajs React SASS sementicui tailwind UI/UX VueJs Web
  • About
  • Terms & Conditions
  • Privacy Policy
  • Contact Us

© 2020 Frontendz - Web & Tech News

No Result
View All Result
  • Home
  • Learn
  • JavaScript
  • About
  • Contact Us

© 2020 Frontendz - Web & Tech News

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In