I'm learning Ux/Ui Desgin and learning JavaScript. I hope i'll get my first job this year. Thanks too your videos helped me very much . Love from Pakistan..
Cant find the URL of figma design :( tried "google-lens"ing it out from video but shows file not found or no permission... Can you please make the design public ?
I'm still learning css and javascript and the end of this year I want to try get front-end developer job. I really love coding. Your great tutorial helps me a lot for reach that goal. Thank You very much! 👍
I am going to launch a platform for creators and advertisers, but first going through all the tech needed for that project. I am not a developer, so I need to know what to look for when hiring the right developers for the project. For now, I think we will be using a meta-framework like SvelteKit/Next.js for the front-end, and Vercel/Supabase/AWS CDK/Serverless for the back. Once the project gets traction and some funding, we probably should go back to the drawing board and rebuild the app from scratch, with the least amount of frameworks to keep the code clean and easy to maintain. Good luck to everyone in 2022, and beyond!
Getting UI/UX concepts down and then turning them into real, working websites. Aiming to get work in these areas since my freelance writing biz is a downward spiral in rates! Focusing on web3 and blockchain dev. Looking forward to this crash course after you mentioned it on the Design Course live call just now.
this tutorial is much advanced than in 2021, had more insights about animations and i still love this, i hope more people see this channel. God bless you brother!
Just wanna say thanks to you. Last year, 1 month into discovering your channel I made 1000USD off a UX/UI design contract with little experience but years of graphic design. Will be enrolling for courses on your website soon. You are the best instructor on youtube, no competition. You have my permission to use this as a testimonial. Thanks again
This is absolutely the best way to present on the material: for the novice, you can go really slowly and research on every topic, but for the professional - you just take it all in and you don't have to increase speed of the video to 5x or looking for the sections - thank you very much indeed!
I started watching you a couple of days ago and I love this channel! One thing I'm worried about is that in a video(a tutorial for building a Personal Portfolio (the Gary Simon purple page) you said you always go for Desktop view first and work your way to mobile, and now you said the opposite. What made you change your workflow? And what's the real difference? Like, which one you think is "better"? Or to be more specific, why before you used to do the desktop first and now it's not optimal anymore? Thank you in advance and anyone that reads it and wants to comment be free to do so. I wish not only to learn web design but also the best practices!
Just finished it!, man I feel like I accomplished something important and moreover I can't wait to try out more, I guess mission accomplished, my feet are wet, and I can't wait to jump back in!
You are just amazing! Thanks for your precious time and helpful crash tutorial! I am starting my career as a UI designer, and you just made me better! Big thanks!
A little over halfway through this crash course, and I'm blown away. I was also able to get your Design Courses (UI/UX and CSS) cos I'm really committing to growing and learning from you. Thank you for such an insightful course. I'm learning so much already.
Thank you for this course. I'm in process of learning CSS and this course made me understand a lot of stuff with margins, padding and whole layout. Great work as always! Keep it up! :)
You can’t imagine how revolutionary it was for me to learn about figma and similar tools. I was looking at tutorials and basically copying things. Then I realized “oh you can actually design your own visuals.” Then html and css make sense as a language.
FYI - I couldn't get the open-nav script to show up, and it turned out that I needed to update my browser, so I'd recommend making sure that you have the latest browser updates before trying to follow this tutorial. Thanks, Gary for another awesome learning resource.
Project looks nice but a lot of confusing stuff for beginners: no CSS reset, using ems when I don't ever really see anyone using ems for padding/margin, using pixels in media queries, and adding margin to the body which makes it difficult to extend the project further since if someone wants to add different background to other sections you'll get space around all your content which is due to the body. better to put this padding on the wrapper/container. Also the grid section looks wonky.
Thank you so much for all the Videos! I started Webdesign 2 years ago and i am using mostly Wordpress and Elementor PageBuilder. This tutorial helped me a lot to practice coding 🙂
I gained a lot of knowledge and found it simple to understand because you covered what would occur in the browser if I used this statement. Many thanks, sir.
Damn I literally just watched your last one to help get through a Web Dev foundations course. I guess I started it a day or two before this was posted. In any case, thank you for the great channel and information 👌🏻 Now back to some cybersecurity stuff for a while.
good job mate!! I really your authenticity and the situations you came up with to fix the bugs because nothing works just 100% all the time. You basically did a one, especially the home page in a little bit less than 2h a performed what's possible. Very cool! THX and good luck with all you do :)
I watched this video and it was very informative and helpful. I must admit that CSS is new for me as is web design. I never knew what I was getting into when I offered to create a website for my band and this video has helped me in many ways. I especially liked his presentation.
AWESOME AWESOME STUFF!!!!! I am full stack javascript developer, following your content since 4-5 years now. This crash course was amazing! I liked that you did not use any animation library for those simple animations and used keyframes instead! You might have added a dark overlay to content when side nav is open in mobile view.
Got to congratulate you on the way you explain things as you have a great method of making things sound very simple. I particularly liked the inclusion of the use of Emmett shortcuts which many other tutorials miss out so thankyou for that. You also provided a good reason for going the mobile first design route
Nice course! I'm going to study Business Informatics probably and want to work as an Front End Developer after that. That Course really helped me again.
great video with alot of useful detail, a true crash course! wish u uploaded the code itself so we could use it as a reference but it's ok. thanks for this video
the Live Sass compiler, the one you installed from Ritwick Dey can't be installed cos they said it has been deprecated hence we have to install a different one from Glen Marks
Hi, great video! I have a question, in a world where it becomes more & more easy to create website without actually coding the website (Webflow, WordPress, Squarespace, etc.). For a Website developer, is it still valuable to actually, deep learn the code and create websites manually from scratch or is it just a fantasy to believe that you still create website like that in 2022 ? For a client, do they value the work done or the results ? I see so much web developer on these Website builder's platforms that i'm starting to doubt that the skills of knowing and mastering the languages are becoming more and more useless now! And again, thanks for the video!
Hello guys, there is one problem with hamburger, he is using negative margin top on svg and you should avoid it because safari mobile phone doesnt support it. Instead of it use position:relative and top:0 to svg hamburger. May i help you P.S. Okey, its not about margin top negative but its about svg, try use like font awesome icons or something
What a great introduction to HTML and CSS! I've learned a lot thanks to your video. How might you approach a multi-level top navigation in a similar way? Top navigation elements with dropdowns and possibly dropdowns within the dropdowns.
Hello, I work in a developer company, the framework we use has very messy forms, do you have videos where you show us how to make well-ordered forms? Bye.
My goal in this year to get enough experiment to can make a website to help me in my channel and games i will learn with python and java script thanks for making this coarse that i got stacked from it and got inspired.
Hey all, what are your goals for 2022? Me: Release 2 more courses and begin work on a new SaaS for creators in my niche. ;) YOUR TURN!
I'm learning Ux/Ui Desgin and learning JavaScript. I hope i'll get my first job this year.
Thanks too your videos helped me very much .
Love from Pakistan..
Cant find the URL of figma design :( tried "google-lens"ing it out from video but shows file not found or no permission... Can you please make the design public ?
I'm still learning css and javascript and the end of this year I want to try get front-end developer job. I really love coding. Your great tutorial helps me a lot for reach that goal. Thank You very much! 👍
I am going to launch a platform for creators and advertisers, but first going through all the tech needed for that project. I am not a developer, so I need to know what to look for when hiring the right developers for the project. For now, I think we will be using a meta-framework like SvelteKit/Next.js for the front-end, and Vercel/Supabase/AWS CDK/Serverless for the back. Once the project gets traction and some funding, we probably should go back to the drawing board and rebuild the app from scratch, with the least amount of frameworks to keep the code clean and easy to maintain.
Good luck to everyone in 2022, and beyond!
Getting UI/UX concepts down and then turning them into real, working websites. Aiming to get work in these areas since my freelance writing biz is a downward spiral in rates! Focusing on web3 and blockchain dev. Looking forward to this crash course after you mentioned it on the Design Course live call just now.
Thank you, I start this video at 10 am and finished at 4:30 pm. side by side I replicated this page. I learned lot. Thank you.
i am beginner and dont know the code can i learn from here
this tutorial is much advanced than in 2021, had more insights about animations and i still love this, i hope more people see this channel. God bless you brother!
hey brother, I want to start this course but I am confused that should I do this crash course or the previous year one? can you help me?
@@samyak3405 start with the previous one, but either way, they're the same
@@deathcuree "start with the previous one" - What for? This is an independent course. Not part 2
Please where can I download the design....I can't find the TH-cam description
@@queenblessing4648 It is in description as Figma Prototype.
This is a 2 hour MASTER CLASS and you're a really good teacher. Thank you
Small correction on z-index, it can be used with any position value other than static. Thank you for the valuable content!
Just wanna say thanks to you. Last year, 1 month into discovering your channel I made 1000USD off a UX/UI design contract with little experience but years of graphic design.
Will be enrolling for courses on your website soon. You are the best instructor on youtube, no competition.
You have my permission to use this as a testimonial. Thanks again
On upwork?
This is absolutely the best way to present on the material: for the novice, you can go really slowly and research on every topic, but for the professional - you just take it all in and you don't have to increase speed of the video to 5x or looking for the sections - thank you very much indeed!
unsplash carrying my design since 2019
on my way to a job interview, watching it as a refresher. thank ya mate
I followed this step by step, and now I have a decent looking website! Thanks for helping me bring my old one out of the dark ages!
just finished the last crash course from a couple years back. Really excited to see this up :D.
1:58:10 👈 What a stylish OUTRO!! ❤️❤️❤️ Great tutorial though!! 👍 Thanks!! 🙏
I am doing your 2021 Crash Course and I see this video pop up in my recommendations now ahaha. Imma do both then!
I started watching you a couple of days ago and I love this channel! One thing I'm worried about is that in a video(a tutorial for building a Personal Portfolio (the Gary Simon purple page) you said you always go for Desktop view first and work your way to mobile, and now you said the opposite. What made you change your workflow? And what's the real difference? Like, which one you think is "better"? Or to be more specific, why before you used to do the desktop first and now it's not optimal anymore?
Thank you in advance and anyone that reads it and wants to comment be free to do so. I wish not only to learn web design but also the best practices!
Just finished it!, man I feel like I accomplished something important and moreover I can't wait to try out more, I guess mission accomplished, my feet are wet, and I can't wait to jump back in!
You are just amazing! Thanks for your precious time and helpful crash tutorial! I am starting my career as a UI designer, and you just made me better! Big thanks!
YEAH new crash course! Your courses are the best courses on youtube. Thanks for your work and helping to learn HTML/CSS!
A little over halfway through this crash course, and I'm blown away. I was also able to get your Design Courses (UI/UX and CSS) cos I'm really committing to growing and learning from you. Thank you for such an insightful course. I'm learning so much already.
It’s beautiful that if simple details well put together, it could improve experiences tremendously.
Please do a crash course of javascript. You do really high quality videos and would be really helpful
absolutely worth the time and effort. Thank you so much. The best front-end crash course.
Thank you for this course. I'm in process of learning CSS and this course made me understand a lot of stuff with margins, padding and whole layout. Great work as always! Keep it up! :)
You can’t imagine how revolutionary it was for me to learn about figma and similar tools. I was looking at tutorials and basically copying things. Then I realized “oh you can actually design your own visuals.”
Then html and css make sense as a language.
FYI - I couldn't get the open-nav script to show up, and it turned out that I needed to update my browser, so I'd recommend making sure that you have the latest browser updates before trying to follow this tutorial. Thanks, Gary for another awesome learning resource.
The quality is just amazing
You are a really good teacher. I'm already pretty good at HTML/CSS, but you still made me watch the whole 2 hours.
Project looks nice but a lot of confusing stuff for beginners: no CSS reset, using ems when I don't ever really see anyone using ems for padding/margin, using pixels in media queries, and adding margin to the body which makes it difficult to extend the project further since if someone wants to add different background to other sections you'll get space around all your content which is due to the body. better to put this padding on the wrapper/container. Also the grid section looks wonky.
Thankyou so much, always something new to learn in front-end.
Thank you so much for all the Videos! I started Webdesign 2 years ago and i am using mostly Wordpress and Elementor PageBuilder. This tutorial helped me a lot to practice coding 🙂
Good to know I'm doing the same and already took a html/css course but found it a bit old-fashioned. Looking forward to this one.
Is no one going to talk about that beautiful piece of machinery, the Kemper Profiler in the background?
this tutorial is so simple and easy to understand and learn. previous one was very complicated and little bit confusing
I gained a lot of knowledge and found it simple to understand because you covered what would occur in the browser if I used this statement. Many thanks, sir.
Am so glad you finally made another crush course this year. I hope there is more interesting stuff coming.
This was so easy to follow... actually, this is the first time that I was watching the complete video.
Damn I literally just watched your last one to help get through a Web Dev foundations course. I guess I started it a day or two before this was posted. In any case, thank you for the great channel and information 👌🏻 Now back to some cybersecurity stuff for a while.
Amazing crash course! I don't even have used HTML or CSS before and I have learned a lot!
Damn, I learned some amazing shortcuts thanks to you. You are amazing !
thanks for the detailed explanation. why did you use .hero-img {
left: unset; /* Remove left positioning */
right: 0; /* Position on the right */
}
Your teaching style is very clear and engaging. Thank you. So Helpful.
thank you! i could finesh it and resolve the last issue with the arrow :)
thanks a lot. this is my first CSS template.
good job mate!! I really your authenticity and the situations you came up with to fix the bugs because nothing works just 100% all the time. You basically did a one, especially the home page in a little bit less than 2h a performed what's possible. Very cool! THX and good luck with all you do :)
I watched this video and it was very informative and helpful. I must admit that CSS is new for me as is web design. I never knew what I was getting into when I offered to create a website for my band and this video has helped me in many ways. I especially liked his presentation.
th-cam.com/video/JRCYUN9s3eE/w-d-xo.html
Anxious looking forward for the course... thanks a lot for this course man!
Great tutorial !!!
Your illustration is awesome.
Thanks for sharing.
This is the best video i've found ever for programing, everything you had me do worked exactly as you explained it.
html css is not programming language
Thank You! I really enjoy doing this!
Just finished the last one!!!!! Yay more fun to build my skills.
AWESOME AWESOME STUFF!!!!! I am full stack javascript developer, following your content since 4-5 years now. This crash course was amazing!
I liked that you did not use any animation library for those simple animations and used keyframes instead!
You might have added a dark overlay to content when side nav is open in mobile view.
My man, love your content so much. Thank you! You don’t know how much this video means to me
THANKS FOR THE COURSE BROTHER!!! STAY HEALTHY!!!!
Thanks for this man, started coding again and it is much easier now
Got to congratulate you on the way you explain things as you have a great method of making things sound very simple. I particularly liked the inclusion of the use of Emmett shortcuts which many other tutorials miss out so thankyou for that. You also provided a good reason for going the mobile first design route
Cool course, good job man!
Ty for this tutorial! Learned alot! What should be the next step after this tut?
Gary, you're my new rockstar. Thanks for inspiration!
experienced right, fast and better ways...
Thank you big bro.
I will use this as a refresher as a UI UX Designer.
best design course that i've ever seen...
Real stranger thing vibe. I dig it.
Very good course to learn in a few time a lot of frontend development...Thanks...!
The best. Simple and easy to follow.
Thanks for giving such a simple HTML tutorial crash course.😊 This tutorial was very helpful for everyone🙃.
nice one!
really like the simplicity in your personality :)
I came here from frameset, can you believe that ;) Thanks for sharing this!
thankyou very much sir you have made the process very easy to understand specially JavaScript which makes me nervous every time I see its code
Nice course! I'm going to study Business Informatics probably and want to work as an Front End Developer after that. That Course really helped me again.
great video with alot of useful detail, a true crash course! wish u uploaded the code itself so we could use it as a reference but it's ok. thanks for this video
YOU ARE AWASOME!!!!!
THANK YOUUUUUU
I've tried several courses, this one really gave me the confidence I need to go on
SUPERB video! Thank you
I really appreciate your courses. They helped me alot.
He’s on 🔥 this 2022!
We all waited for this! 😃
You can have a live html preview within VS Code so you don't have to go into a browser
Oh wow this is very recent, nice work guys!
you are a very good teacher, I learn a lot from each video... can't wait for your site to be available!
keep it up!
Thank your for the course Gary! Hope it'll be easy to understand for newbies. I'm going to try to learn from it.
thanks for making the detailed tutorial. really appreciated.......
Great piece of content. You should definitely use luts to edit your videos.
Thank you for this video! It is amazing, helped so much already!
W
ye~ here we got 2022 one, rock n roll
great tutorial if you have previous knowledge, not if you are a complete beginner
just saving some time
very valuable tips though
the Live Sass compiler, the one you installed from Ritwick Dey can't be installed cos they said it has been deprecated hence we have to install a different one from Glen Marks
I’ve learned so much and everything worked perfectly. Thank you!
Hi, great video!
I have a question, in a world where it becomes more & more easy to create website without actually coding the website (Webflow, WordPress, Squarespace, etc.).
For a Website developer, is it still valuable to actually, deep learn the code and create websites manually from scratch or is it just a fantasy to believe that you still create website like that in 2022 ? For a client, do they value the work done or the results ? I see so much web developer on these Website builder's platforms that i'm starting to doubt that the skills of knowing and mastering the languages are becoming more and more useless now!
And again, thanks for the video!
Hello guys, there is one problem with hamburger, he is using negative margin top on svg and you should avoid it because safari mobile phone doesnt support it. Instead of it use position:relative and top:0 to svg hamburger. May i help you
P.S. Okey, its not about margin top negative but its about svg, try use like font awesome icons or something
Whats up with that Kemper on the shelf, at the end, are you in to music production as well?
Thanks so much. Enjoyed this immensely!
Man, this was amazing! thank you!
Great video, thanks! What configuration or extension do you have for the appearance of the vsc?
that's so next level. thank u
What a great introduction to HTML and CSS! I've learned a lot thanks to your video.
How might you approach a multi-level top navigation in a similar way? Top navigation elements with dropdowns and possibly dropdowns within the dropdowns.
Thanks man, learned a lot. Great job
is there a reason you didnt use the element? im learning this in school and they always have us put the ul inside the nav
Hello, I work in a developer company, the framework we use has very messy forms, do you have videos where you show us how to make well-ordered forms?
Bye.
the best man! thank you
My goal in this year to get enough experiment to can make a website to help me in my channel and games i will learn with python and java script thanks for making this coarse that i got stacked from it and got inspired.
Great! Thanks, Gary!
did you create this design or did you get the figma ready?
I'm learning so much from your channel, thank you so much for all the great content!