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

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

Understanding Sass

Hello Treehouse community. :D

Well I've come to the last part of the Web Design Track. Sass. I don't have much to say about the actual language at the moment because I haven't had much of a chance to delve into it yet.

I use windows 7 so I use more of a windows command prompt system *Ruby) to install and access Sass. (Which made me feel like I was back in the early 90's as a kid but that's a side point. :D)

I downloaded Sass 3.3.7 (Maptastic Maple).

I created a html file with a code precisely the same as the 12 Sass video in the first stage. But I have no idea how to be sure that I'm actually making the Ruby compiler watch the correct file so it makes a .css file.

The Windows Ruby compiler as I said seems to work like the standard windows command line prompt so I (eventually) worked out how to bring the directory list. But it doesn't seem to lock into that same directory so I know I'm watching the file and tracking changes in the way that the video demonstrates.

So going forward is there anybody who had a cheat sheet of the commands I need to know to make sure I'm in the correct directory and Ruby sets up Sass the way it's supposed to be? Thanks. :)

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I guess the use of "we" was the wrong word :) I didn't mean to imply you represented treehouse in this but in "we" I meant anyone who uses Sass and you and me in this conversaton,

But thanks for your extended reply. I guess the advice in the video passed me by and I'll pay more attention to it later. Thanks for your help .

James Barnett
James Barnett
39,199 Points

> I guess the use of "we" was the wrong word

On second thought "we" makes sense. If you were implying the group didn't include yourself you'd use "you" or "you all" or even "y'all".

2 Answers

James Barnett
James Barnett
39,199 Points

To do the Sass course on Treehouse you can just use codepen. If you decide to use Sass for making websites you can use Prepros to make your life easier.

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

So are we saying this is the best way to go through the course for now? Just go through the videos, get the gist of what Sass is for, how it works then try and figure our way through out own projects. I'm completely new to Sass and I'd like to get a handle on what the course is trying to teach us as quickly as possible.

James Barnett
James Barnett
39,199 Points

Suggestion one, do all of the exercises in Sass course without having to install anything on your computer by using codepen.

Suggestion two, follow the advice that the install video mentions at time index 2:15

> So for those of you who are uncomfortable, though, with the command line there's a great little app called Scout, which if you just go scout app Right. Go to this site here. So this gets you out of the command line if you're not comfortable with it, but it allows you to set up different projects to run. It's really easy download for the Mac. There's also Windows version for you Windows users out there. This is really good if you're more of a designer, not very comfortable with the command line or programming.

There are other options as well such as Prepros, which I mentioned earlier. You can find a list of various apps that work with Sass over on http://sass-lang.com/install


p.s.

> So are we saying this is the best way to go through the course for now?

I don't work for Treehouse so the only "we" in this case is myself.

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hello! Me again! :)

I've been having a go at Sass again. No sooner had a downloaded Scout, as I was watching the video I had a brain wave and I seem to have got Ruby to recognise the scaa file properly and it generated a css file from the work I did. Great.

It looks like what happens is as the file is generated it doesn't just put the single file in the way I want. It includes all the directories I want, with the root of that folder, going in the folder I actually wanted it to output.

Question: Is it actually best practice to do all Sass development in the desktop folder as the video does? It seems like the less messy way to do it,

Thanks again.