Solved

Difference between SASS and SCSS

Posted on 2013-06-28
4
514 Views
Last Modified: 2013-06-30
Can someone please let me know the difference between SASS and SCSS? In case I learn SASS will it help me in working on SCSS?

The reason I ask this is because for a prospective assignment I need to use SCSS heavily but I cannot find any books on SCSS. I was wondering if I can but a book on SASS and learn it, will that help me in writing SCSS.

Is CSS knowledge mandatory before I get into SASS/SCSS or can I directly start going through SASS/SCSS. I know a bit of CSS, like write some very basic CSS classes and using them in HTML/JavaScript but nothing more than that.

Are there any books on SASS or CSS3 (I think that's the latest one) that you can recommend?

Thanks in advance.
0
Comment
Question by:ank5
  • 2
4 Comments
 
LVL 25

Assisted Solution

by:Kyle Hamilton
Kyle Hamilton earned 100 total points
ID: 39284255
http://sass-lang.com/

Both are CSS preprocessors allowing mixins, nesting, and variables, the lack of which some people consider to be a shortcoming of CSS. However, if you want to write good SCSS/SASS, you need to know how to write good CSS, otherwise you fall into a trap of convenience and end up with some really shitty generated CSS at the end of the day.

main difference between SCSS and SASS being the Ruby-like syntax of SASS: white space significance vs braces.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39284556
it is like anything else that is abstracted and "enhanced" if you are not competent in the underlying code you will produce a lot of garbage without ever understanding how incompetent the trash code makes you look.

Cd&
0
 
LVL 1

Author Comment

by:ank5
ID: 39286454
Thanks for your replies.

From the above posts I understand that I need to learn CSS3.

Any comments on the other question? If I learn SASS, will it help me in writing SCSS code given that there is not much SCSS resources/books available.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 400 total points
ID: 39286801
I don't know that you even need to learn SASS.  SCSS is a more modern form and conventional CSS is compatible with the SCSS format.  Because SASS removes some of the CSS punctuation, it is more error prone, less intuitive, and you can't mix in conventional CSS code. However the way the extensions are constructed is pretty much consistent across both formats so if you find you can get better documentation for SASS, I don't see any harm in learning it.

If you get a good understanding of CSS3 before you start playing with SCSS you will find you really don't need much in the way of learning because all it really does is extend CSS3.

Cd&
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now