I can't get over how incredibly useful these videos are given my current skill level. I know just enough to realize what I'm doing wrong, to get really excited about these css tricks. Thanks for taking the time!
You're a great teacher (very to the point, I am learning every second of the video). Thank you for talking about how well VW/VH is supported and fallbacks, whilst it's fun to learn new things what I really need to know is whether I SHOULD be using it in designs, so thank you for covering that.
Very cool. As a developer who's fairly new, and has basically never taken the time to really study CSS, this is really neat. Makes things much simpler when you know you want a certain width or height, but don't know exactly how many px to use.
Ohh, man this is what I was waiting for Brad, I was hoping that you had always new videos, I'm so happy that my dream come true and by the way Im about to buy your new video when I get home
which vid are you reffering to? anyway, your thought process makes a lot of sense to me, and i was your sub before the last couple of uploads, you were on our lecturer's syllabus under further reading material 😎
Hi lonchac c, thanks for the message! Bart was referring to an earlier video on my channel that is an Intro to Sass. That's awesome to hear that I was on your lecturer's syllabus! Here's a link to that Sass Intro video: th-cam.com/video/8F1Vof0gTG4/w-d-xo.html
In the first example, if I set .box { margin: 0 auto } the .inner div don't take the full page width but it uses the left-margin: auto; declared for the .box div. How can I take the full width of the browser page with the .inner div?
ok so supporting legacy browsers, going out of my way to to do. it feels like keeping a typewriter and a Fax around just to support, whoever doesn't want to get with the times I guess.
Yep, Sublime Text 3. The theme is "El Capitan" and the color scheme is just the basic "Mac Classic" that comes bundled with Sublime. Before this theme, I used the "Material" theme for quite a long time (which was great, just wanted a change of scenery).
Hi, I use "ScreenFlow" to record and edit my videos. If you're using a Mac I can't recommend ScreenFlow enough - super easy to use and fairly powerful. If you're on Windows, I haven't used it myself, but I've heard several people recommend the "Camtasia" editor.
Quick question, you use transform without any vendor prefixes, is this safe to do at this point or should you still include the webkits, mozes, o's etc for fallback?
Ahhh, good point. According to the "Can I Use" website we'd gain an extra 13% support if we use prefixes. I completely forgot about prefixes because Autoprefixer has spoiled me: github.com/postcss/autoprefixer
Can you please just show us how to make a onepaged portfolio website i am stuck i can't build one . p.s I have completed you wordpress series awesome work thank you
Hi Dave, no it is not. This video was created exclusively for TH-cam :) We do however write all of the CSS for an entire page together from scratch in the Git course.
what if you wanted to scale the text size relative to the parent element instead of the viewport? would percentages work? honestly I've never used dynamic font sizes before. also, implementing a legacy fallback is not that easy as you imply, you still have to implement the extra steps to get the full height of the viewport when scaling 100% height for a div. I honestly find that the worst part of past HTML and CSS. first using tables.. then shitty css with tens of different ways to have things aligned the way you want it. and now a mix of that with more intuitive CSS styling but still having to think about people stuck in time. haha.
Another great video! I checked Can I Use caniuse.com/#search=vh and VH and VW are supported all the way back to IE 9. Unfortunately Vmax and Vmin still have spotty support.
I've seen courses that cover much less go for much more; having said that, there was supposed to be a discount applied to the link but it looks like it expired - that should be updated and back in place now.
I can't get over how incredibly useful these videos are given my current skill level. I know just enough to realize what I'm doing wrong, to get really excited about these css tricks. Thanks for taking the time!
In an ocean of generic html/css tutorials, this is really refreshing. Thank you!
No, I do not 'feel' like I learnt something. I ACTUALLY learned something. Awesome tutorial.
You're a great teacher (very to the point, I am learning every second of the video). Thank you for talking about how well VW/VH is supported and fallbacks, whilst it's fun to learn new things what I really need to know is whether I SHOULD be using it in designs, so thank you for covering that.
Watching this channel means it's Christmas every day. I've learnt so much from these videos. Thank you!
love and respect
one of the best teacher in youtube
Very cool. As a developer who's fairly new, and has basically never taken the time to really study CSS, this is really neat. Makes things much simpler when you know you want a certain width or height, but don't know exactly how many px to use.
Ohh, man this is what I was waiting for Brad, I was hoping that you had always new videos,
I'm so happy that my dream come true and by the way Im about to buy your new video when I get home
very nice video, the intro was funny, the information really useful and the examples helped visualize it perfectly, thank you!
Besides quality contents, you got a very pleasant voice.
A very enlightening tip. I will use that one for sure.
Really awesome one, This will polish my css knowledge really well. Thank you for sharing knowledge.
A great tip, very clear tutorial and awesome Cat. all in one video :)
Thank you Brad
Need more cat!
Very nice examples. Thank you.
Great info! Great presentation! Thanks a lot for this video!
Thank you Brad. I am following the udemy course religiously :)
This is certainly a very useful resource! Thanks a ton sir!!!
Excellent tutorial!
great video (as always), simple and clear. thanks!
Awesome tutorial!!
Very nice tip and information. Thank you!
really awesome video! please do more css and maybe an intro to sass?
which vid are you reffering to? anyway, your thought process makes a lot of sense to me, and i was your sub before the last couple of uploads, you were on our lecturer's syllabus under further reading material 😎
Hi lonchac c, thanks for the message! Bart was referring to an earlier video on my channel that is an Intro to Sass. That's awesome to hear that I was on your lecturer's syllabus! Here's a link to that Sass Intro video: th-cam.com/video/8F1Vof0gTG4/w-d-xo.html
Thank you so much, this is very helpful. I will use it right away.
awesome tutorial !
Great video man. Thank you!
how does he keep pulling up that px ruler? How can i do that?
Thanks for the excellent video!
Just amazing!
very important information
Any plans for Ruby or Liquid tutorials? :)
Great video!!
ohh man thanks! in my last project i used like 10 media querys just for fontsizing and now i have only one or two meida Q
In the first example, if I set .box { margin: 0 auto } the .inner div don't take the full page width but it uses the left-margin: auto; declared for the .box div.
How can I take the full width of the browser page with the .inner div?
ok so supporting legacy browsers, going out of my way to to do. it feels like keeping a typewriter and a Fax around just to support, whoever doesn't want to get with the times I guess.
I understand why we added position: absolute inside h1 styling. But, why did we add position:relative inside hero-banner?
hello Brad vh and vw property is not working safari browsers so please explain how to work this browser and thank you
Thank you very much 😉👌👌
are you using ST3? if so, what's the theme called?
Yep, Sublime Text 3. The theme is "El Capitan" and the color scheme is just the basic "Mac Classic" that comes bundled with Sublime. Before this theme, I used the "Material" theme for quite a long time (which was great, just wanted a change of scenery).
love the video
and the cat
What program do you use to record / edit your videos?
Hi, I use "ScreenFlow" to record and edit my videos. If you're using a Mac I can't recommend ScreenFlow enough - super easy to use and fairly powerful. If you're on Windows, I haven't used it myself, but I've heard several people recommend the "Camtasia" editor.
Quick question, you use transform without any vendor prefixes, is this safe to do at this point or should you still include the webkits, mozes, o's etc for fallback?
Ahhh, good point. According to the "Can I Use" website we'd gain an extra 13% support if we use prefixes. I completely forgot about prefixes because Autoprefixer has spoiled me: github.com/postcss/autoprefixer
best fuckin teacher on youtube
Great! My width-nightmares are gone!
Thank you!
Thank you so much! :)
Can you please just show us how to make a onepaged portfolio website i am stuck i can't build one .
p.s I have completed you wordpress series awesome work thank you
Thank you! :)
Is this tutorial in the git- course??
Hi Dave, no it is not. This video was created exclusively for TH-cam :) We do however write all of the CSS for an entire page together from scratch in the Git course.
very helpfull
Wahooooo!!! Merciiiiiii
what if you wanted to scale the text size relative to the parent element instead of the viewport? would percentages work? honestly I've never used dynamic font sizes before.
also, implementing a legacy fallback is not that easy as you imply, you still have to implement the extra steps to get the full height of the viewport when scaling 100% height for a div. I honestly find that the worst part of past HTML and CSS. first using tables.. then shitty css with tens of different ways to have things aligned the way you want it. and now a mix of that with more intuitive CSS styling but still having to think about people stuck in time. haha.
best
Another great video! I checked Can I Use caniuse.com/#search=vh and VH and VW are supported all the way back to IE 9. Unfortunately Vmax and Vmin still have spotty support.
Fucking love your videos
Great video but really this course cost 95 € ? I know that this is value knowledge but 95 is too much.
I've seen courses that cover much less go for much more; having said that, there was supposed to be a discount applied to the link but it looks like it expired - that should be updated and back in place now.
95 for the teachings of this guys is peanuts. He's by far one of the best instructors on the web.
Don't listen to this guy. You could charge much more and I'd still think it was a great price.
you look like nick from new girl
Thanks. Detailed information on browser compatibility - caniuse.com/#feat=viewport-units
This reminds me how much I hate CSS.