I'm so thankful for your videos. I'm a stone cold backend developer and my private projects have always looked like shit on the frontend. Your videos brought my frontend-game to another level.
I rarely comment on any video, but your channel may truly be the best design channel I've seen here. The way in which you break things down, analyze the problem and go about processing and implementing each step is nothing short of brilliant. I'd even say it feels therapeutic. Amazing work my man, keep on going.
I was in the same situation and just realized the responsive version is linked in the video description. :-) 🎉 Edit: the responsive version uses media queries to override the css grid columns template. Fair enough!
Short, informative videos with enough explanation to easily follow through but not so much in detail that your brain shuts off and it gets boring. Love this tutorial, keep it up!
So, I took one semester of html & CSS during my virtual Semester abroad and it was wicked fun. Your videos make me wanna get a bit into all this web design stuff. It looks like a lot of fun.
Thank you! I was less than 3k earlier this week so even 11k feels like such a high number. So satisfying to see the growth and thanks so much for watching.
I'm glad I found your channel! I'm product designer with an emphasis on analysis and systems and you're making me better understand how to build good looking UI!
Sir, I have been watching your videos for the last 3 days and I learned so many things from your videos. I am glad I found your amazing channel. Love you, Sir
This dudes inspires me the same way as DevTips when he initially started. Honestly i feel nostalgic when watching these videos reminding me so much the days when i first started coding. Great, great material. Thank you!
I remember working on webpages in the latter half of the 90s (600 years ago lmao) and figuring out how to implement a working loading bar in HTML that accurately reflected the caching of all the images needed for a site. It was magnificent! I was so proud of myself. I would have adored a channel like this back in those days. Love your work. :)
As always, PHENOMENAL. Not only is the way you you take us with journey of the "thought process" so well written, but to make it yet a lot better, the artistic and smooth transitions and little artistic touches makes a lot more engaging and easier to follow. Absolutely one of my most favorite tech TH-camrs these days.
I really appreciate that you skipped some of the points of creating this page, it's a perfect test to see if you can actually do something yourself or just "steal" from the other people videos. Thanks and all the best for you!
i love this channel, i really wanna improve my web dev skills but ive never had any good ideas, i never thought about just reverse engineering existing sites, cheers mate
Holy shit, thank you so much for this video. I actually learned a TON about CSS that I hadn't known of previously. This will make nav creation much easier for me! You rock! 😁
I feel that it would be VERY difficult for someone older to use this. Many old people struggle with technology if there are not words to describe what buttons do. Making a good webpage is not only about making it look good and work well but also how accessible it is.
From all the different coding "things", CSS is the scariest for me. It's not only logic, but also how it looks. I never am happy with my designing choices. I am not a designer. Looking at you doing this, makes me want to cry because it is so easy and simple when you do it, and yet so smart and professional.
I'm wondering myself why the heck does this video only have 188 Likes????? You deserve better, really! You really are helping me out with my knowledge of website programming!
@Hyperplexed what a beautiful use of CSS grid - I’d still love to see your follow up on how to make such designs responsive! I’m currently putting my grid layouts inside media queries - and while this works, I’d love to hear your (presumably more elegant yet pragmatic) take on responsiveness. :-)
Edit: omg I just saw you link a codepen with the responsive version. I see you’re also using media queries. If you ever find a way to achieve these layouts with intrinsic sizing, please let us know in a video! :-) Nvmnd and thank you! 🙏
Oh, I see now when we should use grid. If I did it by myself, I would divide to two divs, with image and text, and another div with title and buttons, and would do the display flex. But thanks to you I now see, how is better.
love videos like this one (crash course like) make another channel where you upload longer versions of those ones where you show how you do the code for everything, just a little bit longer than this one no need for 2h toughts videos
Great! One thing that absolutely annoys me though is that the left/right buttons are translated with the rest of the content. They should be static imo. And then the H2 block could have a really nice horizontal animation :)
Hi i found your channel 😱just now really something different meaning ful And gonna subscribe 👍 i am also learning front end web development with little anxiety 😱😐may be this channel help me to learn more Kudos to you 👍
You could merge the handleLeftClick and handleRightClick functions into one with a "isLeftClicked" param. Theres only one line and 2 variables which change. Inside the function you would use shorthands to ask: isLeftClicked ? "before" : "after";
@@alpers.2123 You can do this, but it's just up to personal preference really. I prefer having a separate function for each, I personally think it makes my code cleaner and easier to read and edit, but it's up to you and your style
I'm so thankful for your videos. I'm a stone cold backend developer and my private projects have always looked like shit on the frontend.
Your videos brought my frontend-game to another level.
I 100% am in that same situation, my design/art skills suck, so I didn't even know where to start on making a UI.
These videos have helped me a lot!
Same there all my programs are like a gray block with multiple gray blocks but he is helping me a lot and watching his videos inspires me a lot
@@arjix8738 bruh Ive tried 3 tutorials and none of them have worked, I need help
Best advice ever on not stealing colors lmao. Best channel ever, keep it going
Why is stealing colors bad? It's literally just a color lmao
@@RubyPiec I think it's the principle. What your site represents is yours: it's almost never properly represented with 'borrowed' colors.
@@RubyPiec You miss the joke , you burnt toast.
@@mr.rainc0at614 ah ok
@Liam Tran just a ripoff because of its name
Thanks for using my website, much appreciated and nice work 🙏🏼
I rarely comment on any video, but your channel may truly be the best design channel I've seen here. The way in which you break things down, analyze the problem and go about processing and implementing each step is nothing short of brilliant. I'd even say it feels therapeutic. Amazing work my man, keep on going.
Still waiting for the part 2 on the responsive design. Your videos are a freakin’ masterpiece!
relatable
dont let us hang dude
+1 on this!
I was in the same situation and just realized the responsive version is linked in the video description. :-) 🎉
Edit: the responsive version uses media queries to override the css grid columns template. Fair enough!
Short, informative videos with enough explanation to easily follow through but not so much in detail that your brain shuts off and it gets boring. Love this tutorial, keep it up!
Can't express how amazing you are, the amount of work , how you break down things and the presentation very much appreciate it
So, I took one semester of html & CSS during my virtual Semester abroad and it was wicked fun. Your videos make me wanna get a bit into all this web design stuff. It looks like a lot of fun.
as a fresh web and front-end developer, your videos are incredibly helpful for improving my designs. Thank you for all your hard work!
I hate that feeling when your binging a channel and realise that they have so few subscribers, you deserve more man!
Thank you! I was less than 3k earlier this week so even 11k feels like such a high number. So satisfying to see the growth and thanks so much for watching.
@@Hyperplexed and ya got 17k more, I am so happy that the algorithm blessed you, awesome channel!
@@Hyperplexed hopefully it can grow more, the content is super useful
I'm glad I found your channel! I'm product designer with an emphasis on analysis and systems and you're making me better understand how to build good looking UI!
Your voice so so soothing, I could watch these videos as a therapy + they are super helpful, keep up the great work
Sir, I have been watching your videos for the last 3 days and I learned so many things from your videos. I am glad I found your amazing channel. Love you, Sir
This dudes inspires me the same way as DevTips when he initially started. Honestly i feel nostalgic when watching these videos reminding me so much the days when i first started coding. Great, great material. Thank you!
I remember working on webpages in the latter half of the 90s (600 years ago lmao) and figuring out how to implement a working loading bar in HTML that accurately reflected the caching of all the images needed for a site. It was magnificent! I was so proud of myself. I would have adored a channel like this back in those days. Love your work. :)
Would be so cool to have that kind of memory/history... I wonder what the next 25 years will bring that will make nowadays a relic.
@@Tridentus AI applications will blow our minds
holy moly. this is so cathartic. I can watch these all day
As always, PHENOMENAL. Not only is the way you you take us with journey of the "thought process" so well written, but to make it yet a lot better, the artistic and smooth transitions and little artistic touches makes a lot more engaging and easier to follow. Absolutely one of my most favorite tech TH-camrs these days.
This is ~insanely~ good.
I always keep coming back to your videos
I love these videos and broken-down thought processes; has helped me improve my projects immensely and it's incredibly entertaining to learn this way.
The way bro explained the website creation was phenomenal 🙌🏻
I see you got the Fireship editing style. It's great.
First video of you I just watched and instantly subscribed
The editing is done so much better its so easy to understand wat which css property does
Discovered your channel today randomly and I gotta say I LOVE your content, already watched 3 videos. Keep it coming and thank you for the hard work!
I really appreciate that you skipped some of the points of creating this page, it's a perfect test to see if you can actually do something yourself or just "steal" from the other people videos. Thanks and all the best for you!
border-box was what I needed my whole life, thank you
This is the first video I watch for you, for sure won't be the last. Amazing production quality, great job sir!
Bro I'm so thankful you made that video, I needed that videa to know what what means again
This makes me feel so much more confident that I can achieve some beautiful front-end design. Thanks!!
Now... I'm no front-end developer
but the pure comedy in these deserve a sub
i love this channel, i really wanna improve my web dev skills but ive never had any good ideas, i never thought about just reverse engineering existing sites, cheers mate
Such a chill coding video. I love it.
the finest work
Hoping you release that second part soon :)
You are too good. this makes me love web development. What i can say is thank you.
Just discovered thus channel. So good!!! Been learning a lot! Thanks so much
Holy shit, thank you so much for this video. I actually learned a TON about CSS that I hadn't known of previously. This will make nav creation much easier for me! You rock! 😁
A great visual way of explaining how to translate a design to a functional website, good job!
Your voice is surprisingly crispy and rather nice :)
I love you, this is the kind of content I like.
Still waiting for the part 2 on the responsive design.
You make webdesign clever and logical. Great Job!
You are a good teacher, thank you so much.
Your vids are gold. You keep going. You'll be big.
I feel that it would be VERY difficult for someone older to use this. Many old people struggle with technology if there are not words to describe what buttons do.
Making a good webpage is not only about making it look good and work well but also how accessible it is.
Thanks! I've been searching how to get it and this is brilliant :D
your content is the best on web design love it very much
Awesome stuff. Deserve way more views.
So thankful for this
I wish I knew about this channel when I was first learning HTML and CSS
Hi I love your work and really need the tool you use to pick the color
Thanksss so much, I've been struggling with a similar slider page thing for my portfolio site, definitely taking inspiration from this!
This is what a class from Joe from You would be if he knew how to program
From all the different coding "things", CSS is the scariest for me. It's not only logic, but also how it looks. I never am happy with my designing choices. I am not a designer. Looking at you doing this, makes me want to cry because it is so easy and simple when you do it, and yet so smart and professional.
any tips for a beginner frontend developer?
your videos are like therapy for my brain btw, keep up the amazing content :)
Learned so much from watching this. Thank you sir :) Subscribed
can't we get this man to one million subscribers?
I work with React Native, but this was still a pleasure to watch. Well explained
Thanks for this, i am using it as an inspiration for my new website :D
These oversized buttons make it look like a phone app
Awesome channel! keep up the good work and remember me when you’ll have 1m subs🎉
When you've studied HTML and CSS way too much and now understand the code without commentary
I'm wondering myself why the heck does this video only have 188 Likes????? You deserve better, really! You really are helping me out with my knowledge of website programming!
Love this content! Makes me wish I tried harder when I did software in high school.
wooooow first 3 minutes, learnt so much already
"For the sake of time, I'm not goin to show you how to center a background img" had me dying 😂
I really need to start using grid more :D
I'm in the same boat honestly! Can do some super cool stuff with it
Great video ✨
@Hyperplexed what a beautiful use of CSS grid - I’d still love to see your follow up on how to make such designs responsive!
I’m currently putting my grid layouts inside media queries - and while this works, I’d love to hear your (presumably more elegant yet pragmatic) take on responsiveness. :-)
Edit: omg I just saw you link a codepen with the responsive version. I see you’re also using media queries. If you ever find a way to achieve these layouts with intrinsic sizing, please let us know in a video! :-)
Nvmnd and thank you! 🙏
This guy is really good! 👍
Your voice is gold
thanks man you are awesome
From Tamilnadu... Dude 😎... Big fan 🤪...
Oh, I see now when we should use grid. If I did it by myself, I would divide to two divs, with image and text, and another div with title and buttons, and would do the display flex. But thanks to you I now see, how is better.
bro you win my heart❤
I just learned something new ❤️❤️
Amazing. I love you.
love videos like this one (crash course like) make another channel where you upload longer versions of those ones where you show how you do the code for everything, just a little bit longer than this one no need for 2h toughts videos
What happened to part 2, i have eagerly waiting 🙏😩🔥
Great! One thing that absolutely annoys me though is that the left/right buttons are translated with the rest of the content. They should be static imo.
And then the H2 block could have a really nice horizontal animation :)
Holy crap, you earned 20 K subs in a day
Amazing videos
What editor are you using? Great content! Please go ahead! :)
I diced to not watch projects totorial , but i think I change my mind, just fair that I will dive in totatial hell
Bro that ending😂
Hay really nice video, helped me a lot. I'm also really interested to learn how to make it responsive. Does that video exists already?
Hi i found your channel 😱just now really something different meaning ful
And gonna subscribe 👍 i am also learning front end web development with little anxiety 😱😐may be this channel help me to learn more
Kudos to you 👍
Thank you
You should make a design using only comic sans 😂
What app did you use to grab the rgb value?
Instant-Eyedropper maybe
You could merge the handleLeftClick and handleRightClick functions into one with a "isLeftClicked" param. Theres only one line and 2 variables which change.
Inside the function you would use shorthands to ask: isLeftClicked ? "before" : "after";
Or make a somethingHappened(what) function to handle all events
@@alpers.2123 You can do this, but it's just up to personal preference really. I prefer having a separate function for each, I personally think it makes my code cleaner and easier to read and edit, but it's up to you and your style
Him: I won’t tell you how to do it
Me: You gave me a codepen link, same thing
Watched this more than 15 times
box-sizing: border-box is something IE used to do by default, IIRC
What's the color picking tool here? That's cool~
Loving your videos! Great content 👍 Just curious why you used , and tags but not a tag?
liked for the color "Stealing" lol
Where is part 2? I can't find it.
It does not correctly loop for me? Any reason/fix for that?
Very interesting, useful video. I am an artist and I share my painting demos and studio tours here. So much variety on TH-cam. Have a great day!