can you please make index chapters scrollable on your website. or please fix video player so that scroll wont move video player like a floating object. It makes so annoying to choose chapters. And when to add JavaScript and others. eagerly waiting. Thank you for such quality content.
I've done a couple of tutorials similar to this cause I'm still in the learning phase. Normally, they go for 2-3hrs and I always end up doing them in under 5 hours. But this. It's day four and I'm blown away. The depth you're explaining these concepts is on a whole different level. Each section is a gold mine on its own. Couldn't be any more grateful than this, I know it takes time to come up with such content and the effort that goes behind this is no mean feat. But thank you. Wish I was able to afford your full front-end course. For the time being, this will have to do, thank you so much.
The way you explained how to use media queries for mobile first design was exactly what I needed to hear to understand the thought process when building websites. This has been one of the biggest struggles I've had since beginning programming. This tutorial has been a gem of knowledge and I have learned a ton so far only 1 hour in! I can't wait to finish and make some adjustments to make the page really feel like mine. Thanks for producing such detailed content!
This video alone taught me more than the 3 semesters of web development courses I've taken... pre-ordering your css course as soon as I can, and I can't wait for the other courses as well. I spent thousands and thousands of dollars to taught outdated, non-responsive, over-complicated nonsense (at a giant and well-regarded American university and everything). I wish I had just come here instead. If this was free, I can't wait to see what $25 can teach me.
I did not want a portfolio website for myself but still I clicked because I knew it will surely be very informative. Now I will be using Vite. Thanks to you
The way you tackle problems and the way you teach is like Blender Guru... You first teach what is wrong, explain why it is wrong, and introduce a better way (a solution per se) and I REALLY LIKE YOUR APPROACH 🤩🤩🤩🤩
It's been 8 months since I commented on this video like this " Hey I`m very new to programing and this is too complicated to me can you do another without those vite things😀" It's okay you didnt up a video like that because now that I'm watching this I realized how easy this is to understand. Thank you master.
Just finished the video and Oh My God bro even in the last 1 to 2 minutes of this video you kept giving us valuable knowledge man this kind of content is what i needed from the start of my web dev journey. Thanx alotttt mate.
I subscribed! The way you teach is so clean and organized. You tackle every detail, and I love it because it makes learning easy and fun. I do wish you had a video about CSS transform. I am currently learning transition and animation, and I figured before I dive into it, I need to learn pseudo-class selectors and transform
Thanks. Yoou are more tha a teacher. You are a whole living school! Fantastic! I had almost zero knowledge on CSS, had been onto dozens of boring tutorials and lessin here and there, but after bumping into your channel, my knowledge just skyrocketed through pleasant skies!
Nice! 6 minutes in and can already tell this is going to be a great tut! Your channel is awesome man. Really grasped the whole positioning concept thanks to your video. Keep the vids coming
I'm a self-taught front-end developer and I'm a career shifter. I have been really struggling with units and responsiveness!!!! Thanks God I have found your channel, Sir!!! Keep slaying the dragon!!! You're such a gem!!! 🤟
First of all this is great content and I'm so glad I came across this video. It cost me weeks to consume but it was totally worth it. And going through the comment section was also informative cos of your rapid response to the questions. Thank you so much! Appreciation from Nigeria.
Thanks by heart, I didn't know there were things like utility classes that make us use classes in a smarter way, this is a new concept of web design I definitely didn't have. You're also a great teacher, keep going.👍
Had learnt so much, huge thanks for teaching how to build portfolio and responsive design I like where you go in details, explain alternative ways of doing, following best practices, you made it very easy to follow and understand ❤
I just started to learn Web development, I am at the flexbox section and it's killing meeee😅😅😅 and now I am watching your video and it's giving me a lot of motivation. You are like a Frontend God 👏👏👏 keep up the good work ❤️
I also love your page name. If you look at it, it may not seem to connect to the content of your videos. However, if you examine it more closely, it represents the idea that every developer must slay their own dragon.
Yes 💯 to get it ! Dragons are terrifying and are the representation of everything that you're afraid of. What's embedded in everything that you're afraid of? Everything that you need to find. Run from what your afraid of, Run from exactly what you need to find.
This was really instructive and easy to follow. I learned a lot during the process of building this website. You also helped me in Discord to figure out my problem. For all this thank you so much, man. I wish you all the best in your RUclips journey.
just finished this tutorial and brother REALLY THANK YOU SO MUCH it really did help me in the responsiveness lessons ... thank you very much can't wait for the future lessons 👍👍😍
The long wait is finally worth it thanks for the video. but i was thinking it will be a full css course. love your short css videos. am waiting to master css using your teaching
i watched your css-grid video its the first time someone explained something in such short time and wonderfully explained. Can you also make a playlist on JavaScript if possible.
I would have left the colors out of the .btn class as they should be added to individual button types if you are doing more than one button type (which you are not). For instance I made a .btn class with the global styles and then a .btn-rose for the rose buttons. This is being picky of course, but just a side note.
You can create a revolution in RUclips by these type of awesome content videos🔥 . Bro try to make video on React framework . By the way all the very best. I appreciate your work man.
If anyone runs into any issues running the build command and viewing the built files on a real server, change vite "build" in the packet.json to vite build --base=./ that should do the trick!
Love the video! Also, you make learning a lot of fun. I do have one question, though. When you give "header__sun" the "display: block" property, why does it center perfectly within? Thanks again for the video.
Thanks! A display of block also doesn't perfectly center it, what I should have done was, not define a display of block, but instead, add a vertical-align of middle. Try it out: .header__sun { vertical-align: middle; color: var(--clr-slate600); width: var(--size-base); height: var(--size-base); } The vertical-align property aligns inline and inline-block elements vertically. Giving the header__sun a display of block was a mistake.
Hey thank you so much for the support! To answer your question, I am currently a meat eater but I do struggle with the morals of it. If I were to try and provide a valid argument in favor of eating meat, I would fail. I've recently been going through Alex O'Connor's content on Veganism and it's quite enlightening
Brother thnx alotttttt for making this video I have ony watched till 40 minutes and just in these 40 minutes I have gotten so much knowlege thanx to you. Brother this video is a hidden gem
That's awesome thanks for the support!!! To test responsiveness I just use the browsers dev tools. Open your browser's dev tools with ctrl+ shift + i and then open the mobile view on the top left of by pressing ctrl + shift + m
Thanks for this mind-blowing tutorial. I haven't such an amazing and straight-forward tutorial in my entire lifetime. I need a little bit of your help. Actually I am going to build a very simple web app, should I go with Next JS (I heard it's good for SEO), or should I just use HTML, CSS, and JavaScript to make the web app. Any suggestions:)
Heyy thanks! I'm biased though, I love NextJS especially 13.4 with the new features, I'd pick NextJS for probably everything and the goal of this channel is to eventually get to making content on NextJS but first going through the chronological order of what people tend to learn first. Anyways to answer your question, NextJS is an amazing tool for production especially if your app is a fullstack app but you're going to need to know ReactJS.
@@slayingthedragon Thanks for your answer, I am new to front end. . . and your videos helps me a lot. Eagerly waiting for your Next JS and React Videos, I really appreciate your chronological order approach to help the newbies first😇.
@@slayingthedragon do it I am a full stack web developer for 4 years I was very weak in css, till the day i've seen your videos of flex, grid, animation, etc.. you are really something
This is a great tutorial. Currently at the hero section but its my first day getting through it. Do you have an extension installed in VSCode that automatically adds the semi colon at the end of your lines of code? Is it automatic or am I trippin? lol
🚨🚨🚨 New CSS Course - slayingthedragon.io 🚨🚨🚨
can you please make index chapters scrollable on your website. or please fix video player so that scroll wont move video player like a floating object. It makes so annoying to choose chapters. And when to add JavaScript and others. eagerly waiting. Thank you for such quality content.
I've done a couple of tutorials similar to this cause I'm still in the learning phase. Normally, they go for 2-3hrs and I always end up doing them in under 5 hours. But this. It's day four and I'm blown away. The depth you're explaining these concepts is on a whole different level. Each section is a gold mine on its own. Couldn't be any more grateful than this, I know it takes time to come up with such content and the effort that goes behind this is no mean feat. But thank you. Wish I was able to afford your full front-end course. For the time being, this will have to do, thank you so much.
I appreciate your kind words thank you so much ☺️❤️
@@slayingthedragonyou're a lifesaver🙏🏻❤
@@slayingthedragon exactly please don't stop uploading your tutorials... WE MISS YOUUUUUUU
@@slayingthedragon hat's off ramze_lots of love❤❤
I hope he invest more time on his channel, he is so good at teaching ☕
The way you explained how to use media queries for mobile first design was exactly what I needed to hear to understand the thought process when building websites. This has been one of the biggest struggles I've had since beginning programming. This tutorial has been a gem of knowledge and I have learned a ton so far only 1 hour in! I can't wait to finish and make some adjustments to make the page really feel like mine. Thanks for producing such detailed content!
This video alone taught me more than the 3 semesters of web development courses I've taken... pre-ordering your css course as soon as I can, and I can't wait for the other courses as well. I spent thousands and thousands of dollars to taught outdated, non-responsive, over-complicated nonsense (at a giant and well-regarded American university and everything). I wish I had just come here instead. If this was free, I can't wait to see what $25 can teach me.
Much love ❤
like bro
I clicked just to take a quick look at what the brother was up to this time, and I stayed watching for 40 minutes. You are a treasure bro.
I did not want a portfolio website for myself but still I clicked because I knew it will surely be very informative. Now I will be using Vite. Thanks to you
Watched the entire thing on 2x. Everything explained so clearly and more importantly, in a simple way. Brilliant video bro!
The way you tackle problems and the way you teach is like Blender Guru...
You first teach what is wrong, explain why it is wrong, and introduce a better way (a solution per se) and I REALLY LIKE YOUR APPROACH 🤩🤩🤩🤩
It's been 8 months since I commented on this video like this " Hey I`m very new to programing and this is too complicated to me can you do another without those vite things😀" It's okay you didnt up a video like that because now that I'm watching this I realized how easy this is to understand. Thank you master.
Ayy well done :p
Just finished the video and Oh My God bro even in the last 1 to 2 minutes of this video you kept giving us valuable knowledge man this kind of content is what i needed from the start of my web dev journey. Thanx alotttt mate.
I subscribed! The way you teach is so clean and organized. You tackle every detail, and I love it because it makes learning easy and fun. I do wish you had a video about CSS transform. I am currently learning transition and animation, and I figured before I dive into it, I need to learn pseudo-class selectors and transform
very helpful for someone who just begins to build his own website👍
I'm pretty savvy with web dev, but I love your videos, as I always learn something and get new ideas.
I added this channel to my list of addictions
I'm a students and I just discovered your channel and I like how you explain things plain and simple which is easy to understand. Keep it up king
Thanks. Yoou are more tha a teacher. You are a whole living school! Fantastic! I had almost zero knowledge on CSS, had been onto dozens of boring tutorials and lessin here and there, but after bumping into your channel, my knowledge just skyrocketed through pleasant skies!
Nice! 6 minutes in and can already tell this is going to be a great tut! Your channel is awesome man. Really grasped the whole positioning concept thanks to your video. Keep the vids coming
I'm a self-taught front-end developer and I'm a career shifter. I have been really struggling with units and responsiveness!!!! Thanks God I have found your channel, Sir!!! Keep slaying the dragon!!! You're such a gem!!! 🤟
Great job my friend
First of all this is great content and I'm so glad I came across this video. It cost me weeks to consume but it was totally worth it. And going through the comment section was also informative cos of your rapid response to the questions. Thank you so much! Appreciation from Nigeria.
Thanks by heart, I didn't know there were things like utility classes that make us use classes in a smarter way, this is a new concept of web design I definitely didn't have. You're also a great teacher, keep going.👍
Had learnt so much, huge thanks for teaching how to build portfolio and responsive design
I like where you go in details, explain alternative ways of doing, following best practices, you made it very easy to follow and understand
❤
I would like to appreciate your efforts in creating such great content. Inspired ❤
@@vinitmehta100 Thank you !!
Love the fact that I tried to make it today and now I see you posted this exact task nice!
Bro i commented before completing the video last day .. this is a piece of art thanks uuuu
I just started to learn Web development, I am at the flexbox section and it's killing meeee😅😅😅 and now I am watching your video and it's giving me a lot of motivation. You are like a Frontend God 👏👏👏 keep up the good work ❤️
I am at the utilities chapter now and I already learnt so much.
Bro your channel is so underrated, i hope more people will see your videos.
Just amazing the way you teach, quick and straight to the point. Just at the beginning and I already love it ❤
I also love your page name. If you look at it, it may not seem to connect to the content of your videos. However, if you examine it more closely, it represents the idea that every developer must slay their own dragon.
Yes 💯 to get it !
Dragons are terrifying and are the representation of everything that you're afraid of.
What's embedded in everything that you're afraid of?
Everything that you need to find.
Run from what your afraid of,
Run from exactly what you need to find.
Every step is explained well. Concise and clearly expressed = understanding. Thanks Bro!
11 minutes into the video and i already learned way more than from my udemy course and other tutorials💀💀💀
This was really instructive and easy to follow. I learned a lot during the process of building this website. You also helped me in Discord to figure out my problem. For all this thank you so much, man. I wish you all the best in your RUclips journey.
My friend you are something else! 🤩 Thank you for sharing your knowledge!
You are a magical tutor, bro! Thanks a million!
just finished this tutorial and brother REALLY THANK YOU SO MUCH it really did help me in the responsiveness lessons ... thank you very much can't wait for the future lessons 👍👍😍
The long wait is finally worth it thanks for the video. but i was thinking it will be a full css course. love your short css videos. am waiting to master css using your teaching
Hello we dont know what you are preparing next for us but i hope you remember we are waiting for you to drop the next tutorial
This was a very informative video for me! I appreciate your effort in making these videos. Can't wait for more content.
Learnt a lot using this video alone. Thanks ....
Subscribed since you pretty much explained everything in details and why are there and etc... 🔥💚
Bro you video are one of the best, you explain things in a simple and efficient way.
im spechless dude, you are the best front end teacher👌
Aw thank youuu 😀❤❤
Great tutorial.... full detailed explanation makes it easy to learn . Thank you 🙏🙏
We want more of these beginner friendly projects....love your videos and explanations❤❤👍🏻
Your work is amazing. Thanks for your thorough tutorials! Can't wait to create more.
Slay the Dragon! Incredible demo!
I'm overwhelmed lmao, too much new things to me, but I'm sure I will mange
day 1: Vite & Utility
Awesome project!! You teach well and I appreciate all the lessons. Cheers and hoping for more tutorials like this one.
i watched your css-grid video its the first time someone explained something in such short time and wonderfully explained. Can you also make a playlist on JavaScript if possible.
Most awaiting video.
Simply awesome, so much can be learned from this tutorial.. thank you for your time and effort, god bless you sir.
Worth the wait what is next?
Shorter CSS videos - start uploading JS videos - maybe release full CSS course - grow community - maybe some short videos
Thanks for the reply. Looking forward to css modern stuff and techniques. Cheers mate.
@@slayingthedragon how much time it will take for JS videos and have you started working on css course ?
@@samsiddique4751 working on a css course rn, js content prob in a couple of videos
Frontend teacher who became a god❤️
thank you dude for this tutorial. I enjoy making my own portfolio with your video. stay safe.
Return of the king 👑
This is so cool to see how you start :O Im going to study this video!! Thank you soso much for sharing!!
Great video man. you explain it perfectly and easy to understand, is it possible to do a ReactJS tutorial?
I would have left the colors out of the .btn class as they should be added to individual button types if you are doing more than one button type (which you are not). For instance I made a .btn class with the global styles and then a .btn-rose for the rose buttons. This is being picky of course, but just a side note.
keep it coming sir, thank you
Ur the besttttttt bro keeeeeep goingggggg
what an underrated tutorial man learned a lot from this thanks brother
I love you man ❤
If I ever meet you, I’m buying you a drink
Sir kindly keep uploading projects videos build with html, CSS and JS. Other than awesome effort ☺️
great videos as always, thanks for all your tutorials
brother I learn so much from you
your effort gonna get what you want one day for sure!
bro your vids are excellent! The best for CSS. Please don't stop and maybe consider doing JS?
You can create a revolution in RUclips by these type of awesome content videos🔥 . Bro try to make video on React framework . By the way all the very best. I appreciate your work man.
Thats a great video, I loved it 😍
Fantastic work. Thank you !
Please continue man ❤
handsome, smart and talented
FrontEnd God
Thanks for all the lessons.
If anyone runs into any issues running the build command and viewing the built files on a real server, change vite "build" in the packet.json to vite build --base=./ that should do the trick!
thanks a lot . You explain everything perfectly . Thanks for your awesome teaching
this really slays a dragon man.. 😂 thank you!
Love the video! Also, you make learning a lot of fun. I do have one question, though. When you give "header__sun" the "display: block" property, why does it center perfectly within? Thanks again for the video.
Thanks! A display of block also doesn't perfectly center it, what I should have done was, not define a display of block, but instead, add a vertical-align of middle. Try it out:
.header__sun {
vertical-align: middle;
color: var(--clr-slate600);
width: var(--size-base);
height: var(--size-base);
}
The vertical-align property aligns inline and inline-block elements vertically. Giving the header__sun a display of block was a mistake.
@@slayingthedragon I see, thanks! I'll give it a try next chance I get.
finally new content
This was everything I needed! Thank you so much!! PS Are you vegan? :)
Hey thank you so much for the support! To answer your question, I am currently a meat eater but I do struggle with the morals of it. If I were to try and provide a valid argument in favor of eating meat, I would fail. I've recently been going through Alex O'Connor's content on Veganism and it's quite enlightening
Thanks for the wonderful video. Love the content.
Literally awesome ❤
Bro why backdrop-filter is not working in my browser but I'm using webkit also but still not working
Amazing! Thank you so much
Great Work. I understood it very clearly. Are you do VoiceOver separately?
Some of it is, some of it isn't
I subscribed! amazing video, very good teatcher and clean code! thanks :)
Brother thnx alotttttt for making this video I have ony watched till 40 minutes and just in these 40 minutes I have gotten so much knowlege thanx to you. Brother this video is a hidden gem
Subscribed!
you're a legend
This is sick
10/10 🔥🔥
You are the Best!👏❤
I subscribed to the 50' viewing, Your tutorial is a gold mine, thank you very much... What is the Chrome extension you use to test responsive?
That's awesome thanks for the support!!! To test responsiveness I just use the browsers dev tools. Open your browser's dev tools with ctrl+ shift + i and then open the mobile view on the top left of by pressing ctrl + shift + m
@@slayingthedragon Thank you !
Thanks for this mind-blowing tutorial. I haven't such an amazing and straight-forward tutorial in my entire lifetime. I need a little bit of your help. Actually I am going to build a very simple web app, should I go with Next JS (I heard it's good for SEO), or should I just use HTML, CSS, and JavaScript to make the web app.
Any suggestions:)
Heyy thanks! I'm biased though, I love NextJS especially 13.4 with the new features, I'd pick NextJS for probably everything and the goal of this channel is to eventually get to making content on NextJS but first going through the chronological order of what people tend to learn first. Anyways to answer your question, NextJS is an amazing tool for production especially if your app is a fullstack app but you're going to need to know ReactJS.
@@slayingthedragon Thanks for your answer, I am new to front end. . . and your videos helps me a lot. Eagerly waiting for your Next JS and React Videos, I really appreciate your chronological order approach to help the newbies first😇.
Your way of teaching is so amazing, can you upload video tutorial about CSS transform rotate translate X,Y,Z.
Thank you :p sure I'll add it to the list
Great job, Man💥🦅🦅✴️
EI YOW!!!!!!! im gonna start it now!!!
awesome, great work
This is a blessing thanks! 🙏
can you give us a tutorial to master css from zero to hero .
your method make learning css very easy
I have a similar idea in mind 💯
@@slayingthedragon
do it
I am a full stack web developer for 4 years
I was very weak in css, till the day i've seen your videos of flex, grid, animation, etc..
you are really something
Thank You for this amazing tutorial! May I ask if the styling implemented here is mobile-first or not ?
Yes mobile first :p
This is a great tutorial. Currently at the hero section but its my first day getting through it. Do you have an extension installed in VSCode that automatically adds the semi colon at the end of your lines of code? Is it automatic or am I trippin? lol
Yes the extension is called prettier