Thanks for all of the support!! Next up CSS Grid in 20 Minutes: ruclips.net/video/0-DY8J_skZ0/видео.html 📚 My Favorite Web Design Books 📚 Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link) amzn.to/2JaiCL8
Seriously, do you even know how to make a bad tutorial? All of your tutorials are gold, I really can't thank you enough for all the time and effort you put into making such clear and easy to understand tutorials. I've started sharing these on all the front end developer Facebook groups I am a member/moderator of and I look forward to watching this channel grow beyond your wildest dreams. More power to you my friend.
Thanks . Very well explained as usual. Your video is my first Introduction to SASS. I now have a very good idea about it & can see how it can be very useful for a big project with many team members.
Thanks . Very well explained as usual. Your video is my first Introduction to SASS. I now have a very good idea about it & can see how it can be very useful for a big project with many team members. It is nevertheless great for productivity. Love the superpowers of variables, maps, nesting, functions & mixins, partials / importing snippets & JS-like IF flow control covered in your video. I also love how it is easily supported by VSC.
Great video. At the 15min mark when you talk about nesting, I don't understand why you had to use `#{&}` instead of just `&` like you do on the hover. Would you be able to explain? Or direct me to a source that explains?
The scss variables are compiled into the values where they are referenced in the scss. Scss variables do not get compiled into CSS variables. So where we declared the background color and referenced a scss variables, that's where the variable was pulled from the _variables file. Thanks for watching!
@@codeSTACKr My question was about code completion (intellisense) in the vscode, when you type variables names they don't appear in the popup. Look at 28:15 for example with $mobile variable.
@@ermakamre I see. Sorry I misunderstood. Yes, you would need to install SCSS IntelliSense extension in VS Code. That will add support for variables outside the current file.
@@codeSTACKr Comparing CSS variables and SCSS variables: it seems that SCSS approach is rather limited because we can't change variables values at runtime via javascript. Is this true or there are some ways to avoid such limitation?
@@ermakamre you are correct. This is a limitation. I will do some research but I do not think there is any way around this since after compile there is no scss to modify. It's just CSS. I would recommend targeting classes instead. But if changing variables is required then you would have to use CSS variables instead of scss variables.
@@codeSTACKr looks like that you're making videos for people who knows quite a lot in usual programming but really not much about web and wanna get employed asap. But that's exactly what I was looking for 😂 Thanks a lot for your videos! Watched about 5 of them for today already :)
To get advanced level you should read specs, books or a long video series, anyways this is the most practical straight to the point guide I found, thumbs up @codeSTACKr
codeSTACKr you call these courses crash courses but the level in quality is better than paid courses, you will do well if you put these on online platforms because the quality is great, it packs lots of good info that actually makes sense compared to other courses that teach the same materials
Thanks for all of the support!!
Next up CSS Grid in 20 Minutes:
ruclips.net/video/0-DY8J_skZ0/видео.html
📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)
amzn.to/2JaiCL8
Seriously, do you even know how to make a bad tutorial? All of your tutorials are gold, I really can't thank you enough for all the time and effort you put into making such clear and easy to understand tutorials. I've started sharing these on all the front end developer Facebook groups I am a member/moderator of and I look forward to watching this channel grow beyond your wildest dreams. More power to you my friend.
Thank you so much! I really appreciate it!
Best best best SCSS tutorial ever. Short and include everything you need to know. Thank you for sharing.
Glad it was helpful!
Thank you so much! As a help, I will finish any ads that will show on your video :)
best sass tutorial ever!! thanks a lot for your work!!
Thanks . Very well explained as usual. Your video is my first Introduction to SASS. I now have a very good idea about it & can see how it can be very useful for a big project with many team members.
Glad it was helpful!
Thanks . Very well explained as usual. Your video is my first Introduction to SASS. I now have a very good idea about it & can see how it can be very useful for a big project with many team members. It is nevertheless great for productivity. Love the superpowers of variables, maps, nesting, functions & mixins, partials / importing snippets & JS-like IF flow control covered in your video. I also love how it is easily supported by VSC.
Great summary! You payed attention! :)
@@codeSTACKr LOL, it means you have taught well!
Loved the video! Your channel is amazing and a huge contribution for people who are new to the coding world. Cheers!
Thanks a ton!
very helpful and well presented!
I've learned so much from you Sir! Thank you very much!
#beSassyAlways! :)
Awesome! Thank you!
thanks for videos very helpfu
l
thanks this was helpful : )
Great video. At the 15min mark when you talk about nesting, I don't understand why you had to use `#{&}` instead of just `&` like you do on the hover. Would you be able to explain? Or direct me to a source that explains?
please make a video on transform, transition and animation
I have several videos that use those properties, but not a specific video focusing on just those. Great suggestion! Look for it coming soon..
@@codeSTACKr tnx
video play speed x2 for productivity
one question pls I don't get :
in the doctype is that a problem ?
kind regards Hans
Nice tutorial, thank you!
Question: why there were no completions for variables names from _variables.scss?
The scss variables are compiled into the values where they are referenced in the scss. Scss variables do not get compiled into CSS variables. So where we declared the background color and referenced a scss variables, that's where the variable was pulled from the _variables file.
Thanks for watching!
@@codeSTACKr My question was about code completion (intellisense) in the vscode, when you type variables names they don't appear in the popup. Look at 28:15 for example with $mobile variable.
@@ermakamre I see. Sorry I misunderstood. Yes, you would need to install SCSS IntelliSense extension in VS Code. That will add support for variables outside the current file.
@@codeSTACKr Comparing CSS variables and SCSS variables: it seems that SCSS approach is rather limited because we can't change variables values at runtime via javascript. Is this true or there are some ways to avoid such limitation?
@@ermakamre you are correct. This is a limitation. I will do some research but I do not think there is any way around this since after compile there is no scss to modify. It's just CSS. I would recommend targeting classes instead. But if changing variables is required then you would have to use CSS variables instead of scss variables.
what about id? in interpolation
I did all these but still css is being saved in the scss folder itself. Sir i have contacted you in insta. Pls give a solution
At 28 mins in, what does the @content do / mean?
im not getting watch sass button
is this a complete tutorial of sass .... u said its for begginer so did u make a video for the advance level ?
It covers all the basics and some advanced. More sass videos coming soon.
@@codeSTACKr looks like that you're making videos for people who knows quite a lot in usual programming but really not much about web and wanna get employed asap. But that's exactly what I was looking for 😂
Thanks a lot for your videos! Watched about 5 of them for today already :)
To get advanced level you should read specs, books or a long video series, anyways this is the most practical straight to the point guide I found, thumbs up @codeSTACKr
Boa tarde!
codeSTACKr you call these courses crash courses but the level in quality is better than paid courses, you will do well if you put these on online platforms because the quality is great, it packs lots of good info that actually makes sense compared to other courses that teach the same materials
Thank you! I really appreciate it! Look for some even better quality paid courses coming soon 😀
Can I download Sass for free? just for learning
Sass is not something you need to download. You just need the VS Code extension "live sass compiler".