Sass as well as SCSS are two terms we hear in the discussions quite commonly when we consider custom website development in general. When we take the term to an extended debate, most of the people do not have a clear idea of both these terms.
Here
is an attempt to explain both terms with considerable amount of
clarity, and state the difference between the two. It is worthy to go
into the history of development of both terms for better understanding.
Sass
When
we talk about Sass as a language, in full, we should identify its
parent language, Haml, a language with semi-colons and was a more free
flowing one without definite indentation. It was a collective effort of
Ruby developers. Sass, initially was quite distanced from usual CSS. The
sign used to mention Variable (!), and the one used to indicate the
assignment(=) are instances to the point.
SCSS
The
Syntax of Sass was varied, and bit complicated till the release of the
version 3.0 in May 2010. This new syntax having completely changed codes
is named as SCSS. (Sassy CSS). The aim behind developing SCSS from an
unfixed thing like Sass was to make a syntax which resemble closely to
CSS, Hence SCSS as a syntax resembles more closer to the CSS with
Variables mentioned in ($), and assignment signs changed to(:).
Merits of Sass Syntax
Even
if the Sass syntax looks disarranged, it is a concise one. All
developers will find it easy to type. A major benefit programmers enjoy
while programming with Sass is that they do not have to type plenty of
braces as well as semi-colons to accomplish the tasks. Single characters
like = and + play a big role in completing the tasks.
Sass
syntax ensures clean coding, for it confides more on clean coding. A
small change in the “indent” can disturb the flow of entire codes.
Developers need to be careful while programming with Sass, for a small
change in the Indenting make lead to undesired results. Clean coding
serves as a merit, but developers should be vigilant while dealing with
nested codes in Sass.
Merits of SCSS Syntax
SCSS
is typical CSS with a few valuable additions. It makes programming so
easy for the beginners. The starters do not have to look into Sass for
inspiration. They can just trigger the task with the basic knowledge of
CSS. The codes are plain, as well as easily readable,hence the beginners
find it simple to work with.
You
will find it interesting that every plugins as well as tools we use in
Saas are created using SCSS. SCSS having a high amount of CSS
flexibility is in trend right now, and is more used that older SCSS.
Bottom-Line
Developers
always have their own preferences in the selection of syntax. These
days most of them choose SCSS over Sass. Sass codes are clean, but SCSS
is more CSS compatible and easy to work. The intended syntax, Sass is
losing its luster day by day, for everything in Saas is developed using
SCSS and only SCSS is currently available for custom website
development, and other purposes.
0 comments:
Post a Comment