Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Sass Basics (retired) Advanced Sass Concepts Debugging Sass

Program Used in Sass Tutorials

I was just wondering, I may have skipped this part, but what is the program that Hampton is running when using the "Sass Watch"? Is that just the general desktop Command Prompt?

3 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

If I remember correctly, Hampton is using a program called Terminal which comes with a Mac Computer. Sass comes installed with Mac's.

I may be wrong but I believe you can use Sass in any command line that has Sass installed. I myself use Ruby for Sass n MS-Dos command prompt for Windows.

Actually I've just looked at the video and I think he's using a standard text editor for Mac's. So don't worry if you don't haver the setup he has. Sass is very much available for all. :-)

Thanks; I was just wondering what it was and how it knew what documents to look at to compare what he was doing, etc. I assume that, since he's working on the desktop, he opens the "Terminal" on the desktop?

I don't know; I feel like I'm getting the code and everything down, but I'm lost as far as "How does this thing know that that thing has been updated". I don't know if it's an accurate analogy, but I kind of feel like "I know how this engine works, but how is it hooked up to the car?" ^^;

Maybe I'll just need to review it some more :)

Thanks!

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

How it all works technically is a mystery to me.

I'm assuming as you're so far into the course you're aware of how the watch command in terminal works to look for changes in a sass file. watch is kind of like a translator for the browser.

Because Browsers were designed to work with CSS to display web pages but Sass isn't CSS so it needs a translator to read SCSS files and convert them to CSS. That would be a good way to look at it I think. :-)

Jonathan Leon
Jonathan Leon
18,813 Points

I found that understanding SASS \ GIT etc is much easier after the Console foundations course here on treehouse so you can refer to that :)

You are so right about that!

Josué Rodriguez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points

That's Terminal in OSX

He goes over the setup in this lesson: https://teamtreehouse.com/library/sass-basics/getting-started-with-sass/installing-and-using-sass-2

There is also an app he mentions called Scout which is a GUI (graphical user interface) alternative to using terminal.

If you use terminal it can be strange to navigate to folders since it doesn't start you out where your project is. To resolve that you can just enable that in OSX System preferences: http://lifehacker.com/launch-an-os-x-terminal-window-from-a-specific-folder-1466745514