• Latest
  • Trending
SASS Best - 5 reasons

Why You should move to SASS? 5 Reasons

December 16, 2020
Why React Js is more powerful than Angular JS

Why React Js is more powerful than Angular JS?

December 16, 2020
Web Development Course at Harvard University

Free Web Development Course at Harvard University: Apply Now

February 4, 2021
The Fundamental Concepts of React library

The Fundamental Concepts of React library

January 28, 2021
5 Front-end Development Skills in 2021

5 Front-end Development Skills in 2021

January 31, 2021
What is Git Git basics for Beginners

What is Git? Git basics for Beginners

January 28, 2021
Why we still need Web Developers in 2021?

Why we still need Web Developers in 2021?

February 7, 2021
CSS Box Model in 2021

Basic Understand of CSS Box Model in 2021

February 8, 2021
Highest Paying Jobs in IT Field For 2021

Top 4 Best Paying Jobs in IT fields for 2021

December 16, 2020
The Future of Front End - Vue JS(Vue 3)

The Future of Front End – Vue JS(Vue 3)

December 16, 2020
Should not Become a Full-Stack Developer

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

February 12, 2021
Should You Learn Bootstrap in 2021

Should You Learn Bootstrap in 2021?

December 16, 2020
Best Web UI Trends in 2021: You should follow

7 Best UI Trends You Should Follow in 2021

February 16, 2021
HOT
Frontend & UI/UX News
No Result
View All Result
Frontend & UI/UX 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
December 16, 2020
in Sass/SCSS
3 min read
379 29
0
SASS Best - 5 reasons

SASS Best - 5 reasons

561
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.

Trending

Why React Js is more powerful than Angular JS
Angular

Why React Js is more powerful than Angular JS?

5 months ago
Web Development Course at Harvard University
Learn

Free Web Development Course at Harvard University: Apply Now

5 months ago
The Fundamental Concepts of React library
React

The Fundamental Concepts of React library

5 months ago
5 Front-end Development Skills in 2021
Tech

5 Front-end Development Skills in 2021

5 months ago
What is Git Git basics for Beginners
GIT

What is Git? Git basics for Beginners

5 months ago
Frontend & UI/UX News

We bring you Frontend Development,UI/UX Designs and Tech News.

Follow Us

Recent News

Why React Js is more powerful than Angular JS

Why React Js is more powerful than Angular JS?

December 16, 2020
Web Development Course at Harvard University

Free Web Development Course at Harvard University: Apply Now

February 4, 2021

Categories

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

Tags

AngularJS Bootstrap cloud Courses css Data Devops frontend GIT html javascript Javascript frameworks Programming React SASS sementicui tailwind UI/UX VueJs Web
  • About
  • Advertise
  • Privacy & Policy
  • Contact Us

© 2020 Frontendz - Frontend & UI/UX News

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

© 2020 Frontendz - Frontend & UI/UX 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