SASS Tutorial

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024

Комментарии • 352

  • @GyanAddict
    @GyanAddict 7 лет назад +59

    You are the Robin hood for us poor people. Instead of buying reference books worth hundred's of dollars, we just simply watch your videos. You deserve more exposure.

    • @derekbanas
      @derekbanas  7 лет назад +33

      Thank you for the compliment :) Yes my goal is to provide a free education for all!

    • @harsimerkaur4792
      @harsimerkaur4792 6 лет назад +3

      Yes, Derek Banas is a super hero for people like me, who find reading an article little tedious as compare to watching a detailed video. Thanks a ton Derek.

    • @isabelphillips451
      @isabelphillips451 5 лет назад

      I agree with you ... Just so enjoyable to watch

  • @JoeBob79569
    @JoeBob79569 7 лет назад +1

    Whenever I Google an obscure programming language and I find a Derek Banas tutorial I immediately think "YES!" and kind of shake my fist in the air! Of course it's always good to watch other peoples long drawn out tutorials too, to learn some of the intricacies of a language, but these are the best and quickest way to get a good overview of a language, and also a great reference when you've forgotten a keyword or syntax.

    • @derekbanas
      @derekbanas  7 лет назад

      Thank you for the nice compliment :)

  • @anthony452
    @anthony452 8 лет назад +1

    I started learning SASS and Compass from the guy who is currently mentoring me. I know a lot of what this tutorial is talking about, I just didn't realize how much of it was SASS specific.
    This tutorial still managed to teach me a couple of new things about using SASS and Compass outside of a Rails project. Awesome tutorial as always.
    I do think SASS syntax is a lot more reader friendly once you understand the indentation and nesting.
    Seeing all those opening and closing tags hurt my eyes ^_^

    • @derekbanas
      @derekbanas  8 лет назад

      +Marik 444 Thank you :) I'm very happy that I could help. Yes Sass is great and I have no idea why more people don't use it.

  • @alankaradas
    @alankaradas 9 лет назад

    this is going to be weirdest coincidence. I was just told by my company to make a project using SASS for FedEx day. And here you are, teaching me the basics right away. Thank you so much Darek. This surely helped.

    • @derekbanas
      @derekbanas  9 лет назад

      Alek Modi That is awesome :) They'll probably want to see Susy as well. I'll get that up as soon as possible.

  • @patrasculucian2403
    @patrasculucian2403 6 лет назад +36

    Guys, if you get to a point where you don't understand something in this video:
    - just pause the video
    - wait a few seconds
    - think about that thing
    - let your brain digest the information
    - you can also go back a few secs and hear that again

    • @derekbanas
      @derekbanas  6 лет назад +3

      Thank you for helping others :)

  • @shuu_tkm
    @shuu_tkm 7 лет назад

    Dude I followed you because I'm interested in learning programming a year ago,
    and now that I've dived in to js css jquery etc your video really helped me learn quickly!
    Thank you for making the learn (anything) in 1 video series!

    • @derekbanas
      @derekbanas  7 лет назад

      Thank you :) I'm very happy that you like them

  • @SchneiderRob
    @SchneiderRob 8 лет назад

    Derek Banas is the best presenter of coding lessons.

    • @derekbanas
      @derekbanas  8 лет назад

      Thank you for the nice compliment :)

  • @ScottKoons1993
    @ScottKoons1993 8 лет назад

    Seriously, your tutorials are the absolute best on the web! I love the fast, understandable content! Thanks

    • @derekbanas
      @derekbanas  8 лет назад

      +Scott Koons Thank you for the nice compliment :)

  • @VisiPianoOfficial
    @VisiPianoOfficial 8 лет назад

    Thanks for this amazing tutorial!
    I've always just edited CSS files within frameworks manually simply because hearing the word "Sass" and "Compass" always put me off on how boring it would be, learning a new language just to work with CSS.
    But having seen all the things you could do by writing little code has helped so much. Switched over to Sass now.
    That sprites things had me smiling through the whole segment! I should have started using Sass sooner.
    Thanks again Derek!

    • @derekbanas
      @derekbanas  8 лет назад +1

      You're very welcome :) I'm very happy I was able to help you out

  • @oopserv316
    @oopserv316 9 лет назад

    Derek, you're obviously a robot. Thank you for all of the awesome videos!

    • @derekbanas
      @derekbanas  9 лет назад

      oopserv316 That's funny :) You're very welcome

  • @yanike
    @yanike 7 лет назад

    Ty! This is why I tell so many people about your tutorials. I just learned SASS and Compass :)

    • @derekbanas
      @derekbanas  7 лет назад +1

      Thank you very much for telling others :)

  • @sfriend-oy5zw
    @sfriend-oy5zw 6 лет назад

    Thanks Derek..that's wonderful tutorial..covered so many concepts in short video..much appreciated..please keep positing such videos..really helped me a lot!!!

  • @tasteofindiachand
    @tasteofindiachand 9 лет назад

    All of your videos are to the point which is awesome. I am regular visitor of your outstanding videos. Thanks for sharing.

    • @derekbanas
      @derekbanas  9 лет назад

      +biswajit sarkar Thank you :) You're very welcome

  • @stevennagle6807
    @stevennagle6807 9 лет назад +1

    Thank you for the tutorials. They're the best I've seen; they've helped immensely.

  • @zzzzzzzzzz3567
    @zzzzzzzzzz3567 7 лет назад

    you have like the best video tutorials on you tube, but for real... well done. and thank you .

  • @icebear6213
    @icebear6213 9 лет назад +1

    Hey Derek! Great tutorial mi amigo! I watched a few other Sass tutorials and have been working on trying to learn Sass for the past 48 hours and the second I clicked your video and heard your voice I knew your upbeat rapidity would be exactly what I needed! The only problem for me was that my browser couldn't load the step at 14:33 and the compiler told me that it was because "No files were found in the load path matching "icons/*.png". Your current load paths are: /Users/user/test-1/images)". Its said that whenever i saved styles.scss around the 14:33 mark. The good news is (and most important of all) I was able to understand Sass and finally compile some awesome SCSS that i found on codepen.io thanks to your tutelage so cheers for that!! Sass is awesome :D and so is this channel!!

    • @derekbanas
      @derekbanas  9 лет назад

      +Ron crenshaw Thank you for all the nice compliments :) Thank you as well for posting your fix.

  • @hyllis1397
    @hyllis1397 9 лет назад

    I just finished the previous Rails videos a few hours ago, perfect timing ; thanks! :)

    • @derekbanas
      @derekbanas  9 лет назад +1

      Hyllis I'll finish up Rails in the next week. I'll cover susy and haml as well.

  • @yanistancheva3076
    @yanistancheva3076 8 лет назад +3

    Again, thank you for these amazing well explained tutorials, Derek!

    • @derekbanas
      @derekbanas  8 лет назад

      You're welcome :) Thank you

  • @caloman3015
    @caloman3015 9 лет назад

    Very intuitive and engaging. You are a amazing comunicator

    • @derekbanas
      @derekbanas  9 лет назад

      Calo Man Thank you for the very nice compliments :)

  • @jamesgraalman6220
    @jamesgraalman6220 6 лет назад

    I found the last section of your video very useful and informative !

  • @TheDroc1990
    @TheDroc1990 9 лет назад

    I'm just going to wait until you produce a video to learn something. I'm done. lol. I have needed to learn SASS and get better with CSS for A LONG time now but just haven't wanted to. But I know what to expect on these videos. Concise, to the point, and understandable. I started using Foundation 5 in one of my Rails projects and it's not as "plug and play" as Bootstrap there are many times when you need to customize your solution. Thanks again.

    • @derekbanas
      @derekbanas  9 лет назад +1

      Derek Pauley Thank you for the nice compliment :) Check out Susy for creating grids, or just wait a few days and I'll upload my Susy tutorial :D

    • @TheDroc1990
      @TheDroc1990 9 лет назад

      Nice never heard of it. :)

    • @derekbanas
      @derekbanas  9 лет назад

      Derek Pauley It is super awesome! Way better then Bootstrap in my opinion.

  • @Wdb3Arnea4CryptoNFts
    @Wdb3Arnea4CryptoNFts 9 лет назад

    Ayo Salute camera dude is a beast and this songs hot

  • @diatumuasimaodidy5428
    @diatumuasimaodidy5428 6 лет назад

    I love all your videos guy!!! y´re awesome to explain things!!! keep improving man and thanks for all tutorial you have done...

  • @deremworks
    @deremworks 7 лет назад

    Just glad i've been pronouncing this correctly.

    • @derekbanas
      @derekbanas  7 лет назад

      I mispronounce things all of the time because I'm mainly a book learner :)

  • @weepoethics
    @weepoethics 7 лет назад +3

    Thanks for this video, very helpful indeed.
    Sass is a nice closet for CSS!!!!

    • @derekbanas
      @derekbanas  7 лет назад +1

      I'm happy you liked it :)

  • @wjrasmussen666
    @wjrasmussen666 9 лет назад

    Derek, great video! I have to say I loved the spritesheet creation the most! So easy this way!

    • @derekbanas
      @derekbanas  9 лет назад

      wjrasmussen666 Thank you :) I'm glad it helped

  • @niviaqua1
    @niviaqua1 8 лет назад

    New to SaSS....Loved the video! Thanku!

    • @derekbanas
      @derekbanas  8 лет назад

      Thank you :) You're very welcome

  • @MrYourFilm
    @MrYourFilm 9 лет назад

    Hey dude, thank you for the tutorials, man. I appreciate it, so does everybody else watching them :P

    • @derekbanas
      @derekbanas  9 лет назад +1

      H. Pavlovic You're very welcome :)

    • @MrYourFilm
      @MrYourFilm 9 лет назад

      Derek Banas And you actually interact with your sub-base.. Glad to have subscribed :)

  • @Gerundar911
    @Gerundar911 9 лет назад

    Hey Derek, awesome Tutorial. Never before learned that much in 45 minutes :)... Thx alot

    • @derekbanas
      @derekbanas  9 лет назад

      +Cristofo Vilares Thank you :) I'm very happy that it helped

  • @johannbauer2863
    @johannbauer2863 5 лет назад

    Wow, nested Css and Variables shouöd be default in CSS! This is amazing!

  • @zmdeadelius
    @zmdeadelius 7 лет назад

    Thanks for the great tutorial. Looking forward to checking out the rest of your tutorials. Subbed!

  • @WedgeGRPlaya
    @WedgeGRPlaya 9 лет назад

    Again...well done, Derek.

  • @christian_florez
    @christian_florez 7 лет назад +1

    Thank you Derek! Small question near the end of the video: You wrote in .clock { @include icons-sprite(clock;} four times. Did you mean to include to change each of those to the respective icons (aka diary, weather, printer)? Not sure on how that works. Thanks!

  • @streetaware
    @streetaware 7 лет назад

    Thanks Derek for all your help - very much appreciated

    • @derekbanas
      @derekbanas  7 лет назад

      I'm very happy to be able to help :)

  • @GalaticCoder
    @GalaticCoder 7 лет назад

    Quick, and tons of useful tips, thanks.

  • @pengmarkgang4627
    @pengmarkgang4627 8 лет назад

    Derek ,Thank you very much, learn a lot form this video.

    • @derekbanas
      @derekbanas  8 лет назад

      +Peng Mark Gang You're very welcome :)

  • @georgigeorgiev2219
    @georgigeorgiev2219 9 лет назад

    Derek, thank you very much for the tutorial.

    • @derekbanas
      @derekbanas  9 лет назад

      Georgi Georgiev You're very welcome :)

  • @qdengler
    @qdengler 6 лет назад +6

    i thought this was a beginner tutorial.. lmfao u rush through it man

  • @rizwanshafiq7860
    @rizwanshafiq7860 9 лет назад

    Really nice tutorial as usual Derek. My only thing was maybe have it separated, (SASS/Compass).. this way it is just a little overwhelming to differentiate both.

    • @derekbanas
      @derekbanas  9 лет назад

      +Rizwan Shafiq Thank you :) Sorry for pushing to much into one tutorial. I learned my lesson and I'm breaking my NodeJS tutorials up now.

  • @RobinHagg
    @RobinHagg 8 лет назад

    There is now a usecase for the grayscale function. It is mourning period in Thailand and many sites have gone over to black and white for the full site. I mean ALL text AND images. Doing that with the flip of a switch(tag) would be really nice.

  • @cisko3000
    @cisko3000 8 лет назад

    Pretty awesome. Will eventually look into using this.

  • @lorenzoiannuzzi3937
    @lorenzoiannuzzi3937 8 лет назад +6

    Love This Tutorial Really Helped Thanks!

  • @yishachen2284
    @yishachen2284 8 лет назад

    This tutorial is awesome!!! Thank you very much!

  • @soilsoilsoilsoil9000
    @soilsoilsoilsoil9000 3 года назад

    I like how this was made five years ago-

  • @jimmelby7330
    @jimmelby7330 9 лет назад

    Hi there. Thanks for a great start on sass.

    • @derekbanas
      @derekbanas  9 лет назад

      +Jim Melby You're very welcome :)

  • @thomasconnolly8201
    @thomasconnolly8201 9 лет назад

    Great job, as usual! Thank you.

    • @derekbanas
      @derekbanas  9 лет назад

      Thomas Connolly Thank you :)

  • @BuckstarrZ
    @BuckstarrZ 9 лет назад

    So many languages, I envy you. I think instead of teaching a particular language, teaching a concept of some sort would be useful, too. Like if one would understand that, one would be able to get into every language. Although this would be a lot harder than just one language. Hope that makes sense. Anyway thank you, as always. Love it!

    • @derekbanas
      @derekbanas  9 лет назад

      BuckstarrZ I think I have done a bad job of explaining how I learned all of this stuff. Normally I break everything down into a cheat sheet that I refer to. Then I naturally learn it through reuse. I did my best to provide those cheat sheets on my site, but I need to improve them.

    • @BuckstarrZ
      @BuckstarrZ 9 лет назад

      Derek Banas no please, it wasn't meant as criticism or anything. You are doing as well as anybody could. I just meant it's hard to learn all these languages as long as one lacks a basic understanding of the concept of programming and object orientation itself. If that makes any sense ^^ I would be happy to see some general thoughts about how to approach a new language or that sort of thing.

    • @derekbanas
      @derekbanas  9 лет назад

      BuckstarrZ I was just thinking out loud about how I want to improve. I didn't take offense to your comment. I think I already covered what you want. Look at my Object Oriented Design and UML tutorials. They should help explain how to turn problems into finished code. I hope they help.

  • @KyleAisho
    @KyleAisho 9 лет назад

    You're awesome, I was just trying to figure this out :)

    • @derekbanas
      @derekbanas  9 лет назад +1

      Kyle Aisho Thank you :) I'm glad I could help

  • @SantiagoRebella
    @SantiagoRebella 9 лет назад

    man, you're simply amazing, thanks again

    • @derekbanas
      @derekbanas  9 лет назад

      Santiago R Thank you for the nice compliment :)

  • @LizardanNet
    @LizardanNet 9 лет назад

    Awesome video. Thanks.
    Why haven't you updated your computer to Yosemite? .. just curious.

    • @derekbanas
      @derekbanas  9 лет назад

      LizardanNet Thank you :) I basically use my Mac as a Linux machine. When I upgraded previously my development system was messed up. Since I don't care about most of the upgrades I decided to stay where I was.

  • @dasten123
    @dasten123 9 лет назад +18

    The link to Normalize SCSS File in the description is dead

    • @93pnmx
      @93pnmx 8 лет назад +6

      +dasten123 github.com/npmcomponent/JohnAlbin-normalize-scss

    • @Gccgle1
      @Gccgle1 8 лет назад +1

      +dasten123 github.com/npmcomponent/JohnAlbin-normalize-scss/blob/master/_normalize.scss

  • @ewliang
    @ewliang 7 лет назад

    I wish I learned SASS earlier, but it's never to late to start. :)

  • @MeaghanRea
    @MeaghanRea 7 лет назад

    Brilliant! Thank you so much for this video.

  • @nerdberry6343
    @nerdberry6343 8 лет назад

    Thanks for this awesome tutorial, derek! (y)

    • @derekbanas
      @derekbanas  8 лет назад

      +Nerdberry Thank you very much :)

  • @lucscheitle9974
    @lucscheitle9974 8 лет назад

    So useful, thanks for sharing.

    • @derekbanas
      @derekbanas  8 лет назад

      +Luc SCHEITLE Thank you :) You're very welcome

  • @puppyslime8131
    @puppyslime8131 9 лет назад +85

    Omg I thought you were talking about sass like snapping fingers and stuff XD

    • @lechucksghost
      @lechucksghost 7 лет назад +6

      He is... :)

    • @LimboTheory
      @LimboTheory 7 лет назад

      PuppySlime likewise

    • @kynan9465
      @kynan9465 5 лет назад +3

      HELP!! Where do I insert the semicolon when roasting people?!

  • @wjrasmussen666
    @wjrasmussen666 9 лет назад +13

    FYI:
    I am running on windows using phpstorm. I needed a directory images/icons with four 64 by 64 images that you can get from here:
    findicons.com/icon/79556/clock_64?id=333440
    findicons.com/icon/79555/diary_64?id=79573
    findicons.com/icon/79560/printer_64?id=79578
    findicons.com/icon/79552/weather_64?id=79570
    the files need to be called: clock.png, diary.png, printer.png weather.png.
    I copied the file images/icon/clock.png to images/featured-image.png to cover that image.
    The icons didn't appear so in the config.rb had to uncomment:
    relative_assets = true
    then restarted compass watch to reread the config.rb file.
    now the Icons appear.

    • @markbond1431
      @markbond1431 9 лет назад +5

      wjrasmussen666 thanks a lot! I was going crazy on why that part wasn't working

  • @isadore2022
    @isadore2022 8 лет назад

    so basically to sum up sass: you have to input css one time on the site and then scss lets you pick it up throughout the whole website?

  • @omarpalco
    @omarpalco 9 лет назад

    THANKS! This is so helpful!

    • @derekbanas
      @derekbanas  9 лет назад

      Omar Christian Palco I'm very happy that I could help :)

  • @pmikev48
    @pmikev48 8 лет назад

    Beautiful video good sir. Thank you!

  • @onecarwood
    @onecarwood 8 лет назад

    I get this sass cache file it has a ton of files associated with it. Is that part of the config files and how it is complied? I am wondering if that just shows up because I am using Brackets? They are not revealed in finder. By the way love the video and after all my searching I can't believe I just found you on You Tube! SUBBED!

  • @RobertGordon1981
    @RobertGordon1981 9 лет назад +1

    Hey Derek Banas I've been watching your videos for a few months now, and its helped me with coding studies.
    Can you start a series about the Windows Command-Line-Interface, and maybe Linux as well?????? :)

    • @derekbanas
      @derekbanas  9 лет назад +3

      Joseph Gordon I can definitely do that with Linux and plan to very soon. I'll see what I can come up with with Windows.

    • @RobertGordon1981
      @RobertGordon1981 9 лет назад

      Derek Banas Thank You Derek, Much Appreciated :)

    • @_framedlife
      @_framedlife 8 лет назад

      +Derek Banas setting things up with Windows with all the tools (gulp, yeomen, scss, rails,etc) would be nice. I have things perfectly setup on my Linux machine but even after months of fiddling, I cannot get it to work properly on windows.

  • @kalyanpothabathula7834
    @kalyanpothabathula7834 9 лет назад

    Thanks for the great tutorial....

  • @kylemurray5097
    @kylemurray5097 8 лет назад

    +derek banas Silly question for you: Does $almond have to be in the same file as where it is used or could I have a _sass.sass file with just $almond in it and then use it in another sass file? nevermind my sass listener does not like importing.

  • @BinaryGear
    @BinaryGear 5 лет назад

    Just for in case, I notice that your video is published in 2015. Is there any recent changes to scss or anything that I should be aware of?

  • @deviroz
    @deviroz 6 лет назад +1

    Derek Banas SASS tutorial: 45 minutes
    Derek Banas Java tutorial: 30 minutes
    Explain this madness!

    • @derekbanas
      @derekbanas  6 лет назад +1

      In the case of Sass I think I basically covered almost everything. With Java I cover the core language, which is definitely not everything

    • @GawblyOG
      @GawblyOG 6 лет назад

      lmao

  • @Pazzak13
    @Pazzak13 8 лет назад

    Great tutorial :)

  • @jasonyankee7818
    @jasonyankee7818 6 лет назад

    I've seen that you can also plug SASS in using gulp-sass, wihout Ruby on Rails. What difference does it make?

  • @roxanned9118
    @roxanned9118 9 лет назад

    Thanks! Great post.

  • @karlavg7524
    @karlavg7524 7 лет назад

    I have a doubt about the way the scss file extension has to be saved. It´s correct to simple saved it as "Plain text"? It works the same if I saved it as css extension? Thanks. (That happen in aprox 11:00 min)

  • @nujufas
    @nujufas 9 лет назад

    Thanks Derek :)

    • @derekbanas
      @derekbanas  9 лет назад

      +mohamed nujufas You're very welcome :)

  • @vonkruel
    @vonkruel 9 лет назад +4

    I wish I started using Sass earlier. Holy crap does it help.

    • @derekbanas
      @derekbanas  9 лет назад +5

      vonkruel It is pretty awesome :)

  • @flavius91
    @flavius91 7 лет назад

    I had to import the mixins in my "_base.scss" file, in order to use them. Is that normal? You didn't import anything in your base file.

  • @haridaniel777
    @haridaniel777 9 лет назад +1

    Images is missing from link. Zip all files would be better than expose them on site as text, and missing images.

  • @vaninadzhuteva
    @vaninadzhuteva 9 лет назад

    Hello Derek. Thanks for the video. It was all nice and easy until the cmd didn`t recognize the "subl ." code. Could you help me? Thanks :)

    • @derekbanas
      @derekbanas  9 лет назад

      vanina dzhuteva Thank you :) If you are on Windows you have to put the whole directory after subl instead of just . You can also launch Sublime Text and then open the directory from inside it.

  • @ashimbera23
    @ashimbera23 9 лет назад

    Thanks Derek Banas ... Its very helpful. Where can I have more detailed stuff regarding Sass?? Thanks

    • @derekbanas
      @derekbanas  9 лет назад

      Ashim Bera Your welcome :) I covered a lot here and I will cover Susy in the next tutorial. The Sass site has a lot of good info.

  • @markbond1431
    @markbond1431 9 лет назад

    I seem to be having an issue with the right nav-bar. Instead of having 4 gray boxes with titles above them i get what looks like a sentence in the top right corner with the words Programming Framework, Laravel, Rails, and Javascript all highlighted gray. Any suggestions?

  • @Meleeman011
    @Meleeman011 6 лет назад

    omfg this is so old. but I need it for maintaining an old project

  • @somamoradi2441
    @somamoradi2441 6 лет назад

    Useful, Thanks!

  • @edwinlemeilleur
    @edwinlemeilleur 7 лет назад

    should I learn sass if I have no problem with typing the actual colors hex values and the prefixes for every browser and typing out #mydiv:hover { } and I can do it just as fast as with sass? I can also minify my vanilla CSS. If sass is generating minified css why I just write my css and minify it if I can do it fast. Are there any other benefits I'm missing?

  • @omerkaragoz
    @omerkaragoz 9 лет назад

    Thank you very much Derek. I really like your videos and how you teach all in one video. If possible can you make a tutorial about how to use require.js?

    • @derekbanas
      @derekbanas  9 лет назад +1

      Ömer KARAGÖZ You're very welcome :) I'm glad you like the big videos. Sure I can cover that and much more when I cover NodeJS

  • @CodingMazaa
    @CodingMazaa 9 лет назад

    I am asking a rather silly question: If a website is designed with sass, how to ensure that any new user browsing that site can view the site without any glitch? Does sass install in his system as well?

    • @derekbanas
      @derekbanas  9 лет назад

      kumropotashify Sass generates the CSS on your server

  • @mischievousditty3120
    @mischievousditty3120 7 лет назад

    You are amazing!!!!

  • @CxMStation
    @CxMStation 8 лет назад +4

    Normalize SCSS File: github.com/JohnAlbin/normalize-scss

  • @vijay44able
    @vijay44able 9 лет назад

    why so many files ? do we have to create more than 10 files for small project? i did watch this tutorial and i have noticed that we have created files for 10 mins...
    nice tutorial though..
    thank you

    • @derekbanas
      @derekbanas  9 лет назад

      +Eone channel You don't need to. I was showing everything you can do with a Sass project and not what you will always do.

    • @vijay44able
      @vijay44able 9 лет назад

      +Derek Banas thank you

  • @felintan8926
    @felintan8926 9 лет назад

    Hi Derek, Im learning sass. Im w10 user, and im using git for windows. I have ruby and installed compass and sass. what does rvm for? ^_^

    • @derekbanas
      @derekbanas  9 лет назад

      +felin Tan Ruby Version Manager It gets all of the Ruby gems for you and makes sure they work well together.

  • @samdeacon7910
    @samdeacon7910 9 лет назад

    Seems like a lot of potential.
    Even things like easily changing colour schemes by targetting the variable seems pretty cool
    Css with sass
    Html with jade
    Js and angular/knockout/backbone
    I've got a lot to learn!
    And that's without touching on the bower/node/npm/grunt/gulp/yeoman/github distractions
    Is it just me thinking it was simpler 3 years ago with html css jQuery mysqland php lol

    • @derekbanas
      @derekbanas  9 лет назад

      Sam Deacon I love Sass and always use it. The same is pretty much true of Susy even when I'm not using Rails.

    • @_framedlife
      @_framedlife 8 лет назад

      it's frustrating to setup everything boy once you setup everything according to your workflow, it becomes painless.

  • @BinaryGear
    @BinaryGear 5 лет назад

    By the way, for anyone who might have struggled to find the _normalize.scss github file, here's the new link to it: github.com/npmcomponent/JohnAlbin-normalize-scss/blob/master/_normalize.scss

  • @TheDogbreath1
    @TheDogbreath1 7 лет назад

    Its in code pen maybe that's why but im having lots of fun with code so thats really cool.another thing i noticed is when i use @mixin with @include,I cant apply j query to it when using codepen.

  • @krautbezhenets6024
    @krautbezhenets6024 8 лет назад

    Thank you, Derek, most of it worked just like in the video and I like it, except that I had to use content: url('../images/featured-image.png') instead of image-url('featured-image.png'). With image-url, the browser was looking for the file in my root directory + images folder (e:/images). Probably some of more recent updates, will try to find out.

    • @derekbanas
      @derekbanas  8 лет назад

      Thank you for taking the time to help others :)

  • @alexandershekhtman770
    @alexandershekhtman770 8 лет назад

    stylesheets/styles.css produces errors that i dont understand. i think i has to do with missing folders and files, but
    you created them afterwards in your video so what is going on.
    did anyone else have this problem where the refresh doesnt produces a nicer page?

  • @doubledwrestling93
    @doubledwrestling93 9 лет назад

    Hey Derek whenever you get a chance the video skips from 18 mins to 22 with audio running but video is either lagging or restarted.

    • @doubledwrestling93
      @doubledwrestling93 9 лет назад

      Lol just kidding its be that lagged i guess RUclips didn't like be streaming all your rails videos and now going on to styling. I started with your html, wordpress layout, code refactoring, Python, alittle bit of php and MySQL. It's overwhelming since so many languages can over lap and be processed inside each other. And programs

    • @derekbanas
      @derekbanas  9 лет назад

      +Derek Davis Yes YT has been slow lately. I'm glad you are enjoying the videos :)

    • @doubledwrestling93
      @doubledwrestling93 9 лет назад

      For Windows do you have an ide besides netbeans I should try and when is nodejs coming out sir?

  • @CamdenBloke
    @CamdenBloke 7 лет назад

    Is normalize still needed today or is that out of date?

  • @hartsem3890
    @hartsem3890 9 лет назад

    Images and Javascript folder are missing. When you enter "compass create test-1" the images and javascrips folders are not there.

    • @troyc333
      @troyc333 8 лет назад

      remember in the video we had to create those manually.

  • @TheDogbreath1
    @TheDogbreath1 7 лет назад

    Hi Derek i really learn a lot from your videos. I noticed that when using sass @ extend to add values the text shadow can't be applied through css but can be through jquery--interesting.

    • @derekbanas
      @derekbanas  7 лет назад

      That is interesting I'll take a look

  • @gian
    @gian 9 лет назад

    This video has a ton of sass

  • @adelebrit7482
    @adelebrit7482 9 лет назад

    I love you!

  • @CodingMazaa
    @CodingMazaa 9 лет назад +1

    I use Brackets code editor. What would be the command line instruction(in Windows) for opening a new sass project in Brackets?

    • @onecarwood
      @onecarwood 8 лет назад

      +kumropotashify github.com/adobe/brackets/wiki/Command-Line-Arguments

  • @ek1ypzeHD
    @ek1ypzeHD 9 лет назад +1

    you didn't provide any image files or the "styles.scss" code before you made changes to it so we can follow along.

    • @derekbanas
      @derekbanas  9 лет назад +1

      ek1ypzeHD I have all the code here and I transcribed the video into the code www.newthinktank.com/2015/04/susy-tutorial/

    • @ek1ypzeHD
      @ek1ypzeHD 9 лет назад

      Derek Banas that's a link to your susy code not sass. also, i've looked over all the code at the link in your description, however in the video around 14:20 the code you add is not the same as the styles.scss on your site.

  • @rmc1579
    @rmc1579 9 лет назад

    you were using rails, can I use sass with node.js or some other back end server?

    • @derekbanas
      @derekbanas  9 лет назад

      +rmc1579 You can use Sass starting with Bootstrap 4