Sass & SCSS Tutorial for Beginners – 1 – Getting Started

[ad_1]
Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –


Posted

in

by

Tags:

Comments

32 responses to “Sass & SCSS Tutorial for Beginners – 1 – Getting Started”

  1. Милорад Јекић Avatar

    if your project is structured like
    project/index.html
    project/FOLDER/main.scss
    project/FOLDER2/*.css

    go to file->settings->tools->file watchers then edit current watcher

    output: $FileParentDir$/FOLDER2/$FileNameWithoutExtension$.css
    arg: –no-cache –update $FileName$:$FileParentDir$/FOLDER2/$FileNameWithoutExtension$.css

  2. Mohammad Alavi Avatar

    hi ,
    I have enabled intelij idea file watcher and every thing sounds good and i can see the index bar every time that I type in my .scss file BUT i get no output in .css file. does anyone know what should I do?

  3. Johnny P Avatar

    What the? You DON'T need to install Ruby UNLESS you are going to use the Command Line with Sass. Otherwise, you can use Sass with a Desktop application instead, such as Koala, which is FREE, or Compass, etc!

    So why are you saying "The first thing you need to do is install Ruby"? Give people the two options!

  4. Maere Avatar

    [Windows users]
    If anyone gets the error: 'gem' is not recognized as an internal or external command….

    1. Go to Windows Search and search for Start Command Promt With Ruby.
    2. After that just type into that command prompt: gem install sass
    3. Press Enter ofc 😀 [Jokes aside; that's how I fixed it in win10]…

  5. Recaked Esquire Avatar

    "Hey now, brown cow.."

  6. Sanjay Singh Avatar

    awesome tutorial thanks Bro…

  7. sadik sheikh Avatar

    awesome tutorial thanks for this tutorial you are great

  8. Tommy Pradana Avatar

    Awesome tutorial for every beginners!

  9. himynameisoleg Avatar

    Came for the SASS tutorial…left to make roast beef sandwich with mayo

  10. shekhar sasikumar Avatar

    You are awesome! Thanks!

  11. pctechsupporthelp1 Avatar

    does anyone know of or recommend a tutorial for Windows for Sass & SCSS that actually works? This tutorial is impossible to follow and make work on Windows for someone new to sass and scss….

  12. Plankton Lex Avatar

    on windows 7, if u get an error like this (for the command "gem install sass" )

    C:>gem install sass
    ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
    Unable to download data from https://rubygems.org/ – SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (https://api
    .rubygems.org/specs.4.8.gz)

    then, do the following:-
    1. gem sources -a http://rubygems.org/
    2. gem install sass
    3. sass -v

  13. Michiel Huijse Avatar

    In webstorm I am enabling filewatcher but, when I add this functionality it won't accept my 'ok' becuase I need to: "Please set a program to run!" What is the problem? I can't find it on the web. In the vid it is supossed to work. (I installed ruby and sass)
    Thanks!

  14. Alex Alonso Avatar

    Is there something in IT this guy doesn know???

  15. Hamza EL JAOUHARI Avatar

    Compass watches files and directories too

  16. Mister Vidal Avatar

    7:50 'Heck yeah I do, that's awesome.'

  17. Benjamin Mellstrand Avatar

    when i install everything and runing the commando gem install sass etc, its just comeing out: "gem" is not recognized as an internal or external commando, operable or batch file?
    how can i get this done?

  18. Cameron E Avatar

    LOL, 1:38, Trying to formulate a response on my end but I think I'll settle with "eewwwwww gross."

  19. plushoom Avatar

    your channel is awesome, thanks a lot

  20. AD S Avatar

    Was with you up until the Webstorm stuff. I don't have that, so what do I do about linking the CSS files.

    My compiler (Koala) creates main.min.css. Do I just use that instead?

    Sorry, it's just a bit annoying when you follow a "Beginners" tutorial but then they use a $60 product and you're not even sure you're going to use Sass yet.

  21. Afroze Khan Avatar

    Hey loving your videos, just wanted to add for those who are using sublime and not an IDE which watches and compiles your sass. You can use nodejs and gulp.
    http://stackoverflow.com/questions/31448114/how-can-i-transpile-compile-sass-or-scss-with-node-sass-and-gulp-sass-based-on

  22. Ram Anand Avatar

    If u have a build in saas in your IDE, why need to download ruby and install?

  23. Prince Rajshrestha Avatar

    How to write media quries in .sass

  24. Tasha Metro Avatar

    hahaha i love it when you talk about random stuff

  25. mar cruz Avatar

    nice tutorial bucky
    can you help with this when i try to work with sass in webstorm this come out "An exception occurred while executing watcher scss Watcher has been desable. Fix it" and i have been trying to fix it but i don't have no idea

  26. Chandan Dadral Avatar

    Great and informative tutorials, thanks bucky!

  27. Maciej Sulowski Avatar

    If you are on windows you should probably just write:

    gem install sass

  28. Denys Lymarenko Avatar

    7.35 i don't understant. how can i converted scss to css if i use sublime text?
    thanks

  29. Habib Ahmad Avatar

    NICE VIDEO SASS OR CSS LOOK LIKE SAME? can i make xml drop down menu with sass code please tell me for xml software for developing websites
    i am looking some work in this code language but i don't know language name
    please see below code and tell me language name can i convert html into below language code

    <logo>
    <id_my_logo>3</id_my_logo>
    <title>Logo3</title>
    <link></link>
    <description></description>
    <porder>0</porder>
    </logo>

  30. smartwerker Avatar

    The problem you had with color is a organizational issue. Webcolor.css for all colors maybe.

Leave a Reply

Your email address will not be published. Required fields are marked *