Sass Tutorial for Beginners - CSS With Superpowers
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Isulf
Ok, let's be clear: i have no idea who say this is is useful. I've seen various times during the tutorial that you just edited out important syntax error corrections (or used some kind of unexplained extension that does automatically). It happens in a blink of an eye, i got it after DAYS of rewatching the same 5 minutes over and over..
One of those is at 37:30 where the tags disappears, another that completely drived me crazy is at 1:12:53, that little dot that magically appeared when you saved your code.
This is really unfair, expecially to beginners like me, you wasted my time, and I'm writing this in hope that you know i disliked the video and messed up with the algorithm, hoping this will stress you the same way your poor tutorial stressed me
reply
Ok, let's be clear: i have no idea who say this is is useful. I've seen various times during the tutorial that you just edited out important syntax error corrections (or used some kind of unexplained extension that does automatically). It happens in a blink of an eye, i got it after DAYS of rewatching the same 5 minutes over and over..
One of those is at 37:30 where the tags disappears, another that completely drived me crazy is at 1:12:53, that little dot that magically appeared when you saved your code.
This is really unfair, expecially to beginners like me, you wasted my time, and I'm writing this in hope that you know i disliked the video and messed up with the algorithm, hoping this will stress you the same way your poor tutorial stressed me
reply
steve
in 1:00:00 of the video ,when you use a pseudo element u repeat your self and that is not pure,
and we are using sass so why not make it simple with (mixin) so will be like that,
in _config.scss file we add
-mixin menuBar($width) --
content: '';-
position: absolute;-
width: $width;-
height: 3px;-
background: set-text-color($primary-clr);-
-include transition-ease;-
-
and in _menu.scss file add
&::before-
--
-include menuBar(28px);-
top: -8px;-
--
&::after-
--
-include menuBar(20px);-
bottom: -8px;-
-
its that not right ?
reply
in 1:00:00 of the video ,when you use a pseudo element u repeat your self and that is not pure,
and we are using sass so why not make it simple with (mixin) so will be like that,
in _config.scss file we add
-mixin menuBar($width) --
content: '';-
position: absolute;-
width: $width;-
height: 3px;-
background: set-text-color($primary-clr);-
-include transition-ease;-
-
and in _menu.scss file add
&::before-
--
-include menuBar(28px);-
top: -8px;-
--
&::after-
--
-include menuBar(20px);-
bottom: -8px;-
-
its that not right ?
reply
shokin
I am watching this and I didn't watch whole of this video but until where I watched it wasn't good. how he teaches , detail of the unrelated properties to sass distracted me from main content ( I have the prerequisites). and worse he used media query without explain about it. maybe I will continue rest of the video tomorrow.
reply
I am watching this and I didn't watch whole of this video but until where I watched it wasn't good. how he teaches , detail of the unrelated properties to sass distracted me from main content ( I have the prerequisites). and worse he used media query without explain about it. maybe I will continue rest of the video tomorrow.
reply
Inna
At 44:08 , I don't understand how is that your header links (home, about, contact, projects) are displayed in one line. Isn't it a regular ul element with 4 li elements, aren't they supposed to show up one below another? each wth its own dot in front?
I am trying to type along - but I get different results on my machine
reply
At 44:08 , I don't understand how is that your header links (home, about, contact, projects) are displayed in one line. Isn't it a regular ul element with 4 li elements, aren't they supposed to show up one below another? each wth its own dot in front?
I am trying to type along - but I get different results on my machine
reply
Caro
this is from 2019, is there some javascript that changed now? because I know its connected, I used an alert and it worked, but the whole button thing (hamburger menu) didnt work and i dont find anything wrong with my code logically. Plus i also checked so many times along with the video and i have the same thing
reply
this is from 2019, is there some javascript that changed now? because I know its connected, I used an alert and it worked, but the whole button thing (hamburger menu) didnt work and i dont find anything wrong with my code logically. Plus i also checked so many times along with the video and i have the same thing
reply
Height
37:50 For anyone not familiar with accessibility, the h1 tag should ALWAYS come before the h2. They should also be ordered chronologically from h1 to h6 throughout the page if you're going to use different sizes for headings. Also, each page should have only one h1 tag.
Cheers
reply
37:50 For anyone not familiar with accessibility, the h1 tag should ALWAYS come before the h2. They should also be ordered chronologically from h1 to h6 throughout the page if you're going to use different sizes for headings. Also, each page should have only one h1 tag.
Cheers
reply
Adrian
This is NOT for beginners at all. -20 min in it starts getting advanced. Target audience: ppl very experienced with CSS.
Positive: I learned that variables can be used in CSS.
Negative: I hate when people put the lorem jibberish in coding tutorials.
reply
This is NOT for beginners at all. -20 min in it starts getting advanced. Target audience: ppl very experienced with CSS.
Positive: I learned that variables can be used in CSS.
Negative: I hate when people put the lorem jibberish in coding tutorials.
reply
Pfig
probably a silly question: how did the nav menu default to a horizonal list with one bullet point? mine is a vertical list with every link as a separate bullet point. it throws off the rest of the menu styling, especially when you get to the burger.
reply
probably a silly question: how did the nav menu default to a horizonal list with one bullet point? mine is a vertical list with every link as a separate bullet point. it throws off the rest of the menu styling, especially when you get to the burger.
reply
Ajay
i m facing one problem, when i use sass complier it is not leaving space in tag which is nested in sass, for example header- color: red; &h1- color: blue-- and i get headerh1 (no space between header and h1)
reply
i m facing one problem, when i use sass complier it is not leaving space in tag which is nested in sass, for example header- color: red; &h1- color: blue-- and i get headerh1 (no space between header and h1)
reply
Amanda
longshot someone will see this in time, but around 1hr in when he is doing the open class for animation, mine will not work, watched a couple times. Do you need to add open class to HTML or something?
reply
longshot someone will see this in time, but around 1hr in when he is doing the open class for animation, mine will not work, watched a couple times. Do you need to add open class to HTML or something?
reply
Add a review, comment
Other channel videos
