This is EXACTLY the kind of video i wish more devs would make. its interesting doing tutorials and stuff but i wish more people would show their actual thought process for making things, as boring as that sounds.
not broing at all, what he did here is the template to make it interesting and given that most of his viewers r hardocre developers / serious apprentices not tik tok ppl , it will be greatly useful for us
Flex box thing is common. But whenever I need to do something like this I will first search in codepen, if there is something similar. I will copy paste that code and make adjustments. If I don't find something similar, only then I go through all the above process.
I am just starting out with vanilla web dev (as a hobby, really) after using React for a little bit, and this was actually super helpful help with avoiding stupid first issues (like body scrollbars caused by margins, or learning what the hell vh is). So thank you, please keep making videos. They're both fun and useful as reference
you will never be the only. development has always too many things we need to think at once, some things will always be forgotten until they show as an issue
Man, I love you for making this video! It's super cool that you embrace the messy trial-and-error process web-dev often contain. And you do it in such a humoristic way. Instantly subscribed.
🤯 …. This video is so brilliant. Why? If you are an experienced FE dev you can watch it, understand everything and while going through the process you get to know stuff which you would have missed. This is A tutorial A self skill assessment A study guide Entertainment (don’t forget that) Super stoked, subscribed and Rang the bell 🎉
Damn.. genius way to teach your viewer, also fun too.. Steps: 1. Make a mistake 2. Point out the mistake. 3. Wonder why not working as expected. 4. Then resolving the mistake. This is going to stick into viewers mind. LOVED IT.
i have just started web dev , and how you break step by step this is awesome , now i see how to breakdown big problems into small problem and try to solve n create thank you so much
This format is incredible. I'm new to the world of dev. I love it but find a lot of 'so called' tutorials just say "do this" instead of "why am I doing this?". I love it so much and would definitely like to see more. #subscribed
These are great - I do a lot of React and to be honest never get pushed that much in terms of CSS, so these are an awesome way to keep my skills up to date.
Wow 🤩 so amazing your videos 👩🏾💻I particularly enjoy this way of thinking that you apply throughout the video. It gives me a new way to approach my projects✨ Loved it 🧠⚡️⚡️⚡️⚡️⚡️
I personally first take a slow hour looking through awwwards gathering ideas. Then I choose my style - Traditional, modernistic, whether it's supposed to be simple or semi-complex, etc... I get my color palette and fonts visually there on Figma to get the idea of what I want things to look like and only then when I like it, I proceed. ...except for when I need to build an amazing butt-blowing site overflowing with animations, then yeah, I just straight up enter panic mode and go for whatever looks good enough and then refine it.
Could you explain the reasoning for using a for loop in 3:17? I only know how to use them in the traditional way like (i=0; 1>6; i++) but what you wrote there has a completely different structure Is it like just looping a lot of times a second checking for the mouse?
I am in no way a pro frontend/css guy but somehow the centering & layout stuff is just burned in my mind ill never forget it ^^ Maybe because i heard everyone say that they always forget it haha
This is EXACTLY the kind of video i wish more devs would make.
its interesting doing tutorials and stuff but i wish more people would show their actual thought process for making things, as boring as that sounds.
and make it interesting af
not broing at all, what he did here is the template to make it interesting and given that most of his viewers r hardocre developers / serious apprentices not tik tok ppl , it will be greatly useful for us
Way too relatable. Loved the flex-col vertical align issue, a truly classic.
Even though I have went over horizontal and vertical align numerous times, I still have to Google div aligning solutions all the damn time lmao
Extremely relatable
Too True to be honest
Flex box thing is common. But whenever I need to do something like this I will first search in codepen, if there is something similar.
I will copy paste that code and make adjustments.
If I don't find something similar, only then I go through all the above process.
this just goes deep down in our heart, it's there, and this video touches it
I hope you make more videos of this kind of narration. Subscribed!
Thanks! Perhaps one of my next vids I will try this style again 😄
Ditto. Subscribed!
Agree. Natural is better.
same.
Short, accurate, straight to the point, fun and educational. Perfect video.
Something about the way you solve things is really mesmerizing and perfect to learn from. Subscribed.
I am just starting out with vanilla web dev (as a hobby, really) after using React for a little bit, and this was actually super helpful help with avoiding stupid first issues (like body scrollbars caused by margins, or learning what the hell vh is). So thank you, please keep making videos. They're both fun and useful as reference
What a great way to explain! Amazing work, keep it up...
I thought I was the only one who struggles with such simple things even after 5 years of front-end development.
you will never be the only. development has always too many things we need to think at once, some things will always be forgotten until they show as an issue
Man, I love you for making this video! It's super cool that you embrace the messy trial-and-error process web-dev often contain. And you do it in such a humoristic way. Instantly subscribed.
🤯 …. This video is so brilliant. Why? If you are an experienced FE dev you can watch it, understand everything and while going through the process you get to know stuff which you would have missed. This is
A tutorial
A self skill assessment
A study guide
Entertainment (don’t forget that)
Super stoked, subscribed and Rang the bell 🎉
This is an awesome video, this might be best front-end tutorial ever created (atleast for me)
I love the style of these videos, I’m just starting out Frontend and I always think I have to know everything. Thanks for putting my mind at ease!
I've just discovered your channel and I'm loving your thought process comments.
Makes it really relatable to us beginners, thank you for this!
Your channel is a blessing for me. I can learn new things as a beginner programmer but also be entertained at the same time
Damn.. genius way to teach your viewer, also fun too.. Steps:
1. Make a mistake
2. Point out the mistake.
3. Wonder why not working as expected.
4. Then resolving the mistake.
This is going to stick into viewers mind. LOVED IT.
The man's like the deadpool of front dew
I needed this today. Thank you. 100% relatable.
bro that's inside every frontend web developer but most of youtubers show up only their good side. SUBSCRIBED!
I will never stop being amazed at how soothing your videos are, even within a whirlwind of technical explanations.
"that took way too long than it should have" very relatable...
I need more of this!! You’re awesome keep it up!
This content is so good that I’m even watching it during dinner.
I am binge watching all your videos and procrastinating work like crazy 😆..worth every second. Keep up the good work! Thank you for your time
i have just started web dev , and how you break step by step this is awesome , now i see how to breakdown big problems into small problem and try to solve n create thank you so much
Hands down the most engaging video I've seen this week!
What the fuck is this channel. An actual practical runthrough with THOUGHT processes of advanced CSS stuff. Yes please sir, keep 'em coming.
this is just insane, glad i found your channel, keep it up the work, u gained another sub
perfectly the type of content/tutorial i am looking for. you good sir will make my portfolio website look fancy af.
Thanks to videos like this it makes me feel good that I'm not bad it's normal .
Everything about this video is briliant
Thoroughly enjoyed hearing your thoughts 🤣
Very humorous. especially the one-hundo part 👍
Bro just keep on doing this. You explaining is just AMAZING
Genius, you channel is a diamond.
Please make this a series. This is so informative.
Thanks for making me feel better
Much apreciated
WE NEED MORE OF THESE
I have never watched one of your videos before and this came up on my timeline. Subscribed after the 1st minute! lol
This is the best coding content on youtube. People just don't know it yet because of the way the algorithm works, but they will in time.
You gentlemen earned a subscriber today!
new upcoming viral way of teaching code, you just invented this, and is 🔥
I rarely comment on youtube but I'm loving your content man, tks you :D
subscribed bro! I am glad the algorithm recommended me this. Will be watching more of your videos.
Master content... Bro deserve more recognition 🔥
What a video 😭😭😭🔥🔥
You are awesome
Keep making such videos
You are my inspiration
Loving your videos! Solid content. Keep it comin’!
This format is incredible. I'm new to the world of dev. I love it but find a lot of 'so called' tutorials just say "do this" instead of "why am I doing this?". I love it so much and would definitely like to see more. #subscribed
Thanks for your brilliant videos, you're so much talented!
you are the coolest dev ever, gonna eat your tuts daily
Wow!! Just included this hover effect in my React Project. Thank's man!!!
"That took way too long" is so relatable
love the openess of trying to do stuff.
These are great - I do a lot of React and to be honest never get pushed that much in terms of CSS, so these are an awesome way to keep my skills up to date.
didnt need to finish your whole video to subscribe now thats quality content
Wow cool the process of thinking, I just love it ❤❤❤
This guy is awesome, imagine having him making a tutorial for beginners
that display flex justify-content hits hard
so glad I'm not the only one who struggles with vertical alignment
I don't understand a lot of css, but I love these vids so much
I REALLY enjoyed this. Please make more :D
Oh wow! this is really helpful 🔥 as someone who just started learning HTML I learned a lot from this video ❤️
Thank you ❤️🔥
I loved it 🤩.. at least this way I can compare my thought process with yours and I have already learn a bunch
thats was cool and fun, subscribed.
Wow 🤩 so amazing your videos 👩🏾💻I particularly enjoy this way of thinking that you apply throughout the video. It gives me a new way to approach my projects✨ Loved it 🧠⚡️⚡️⚡️⚡️⚡️
I am a beginner, and i cant tell how much is a joke and how much is true and i love it
Really nice, keep them coming!
Before I learnt coding, I saw this meme a lot about aligning divs which had me anxious so I learnt it so well I never forget it 😂
You nailed it 🤙accurate and well explained !
this was so good
Great work.. keep making great content
You evaporated my Imposter Syndrome. Thanks bro!
I am just starting out with basics of frontend and this shit is Fascinating to me!!!
Subbed. I love your animations
Amazing video, totally relatable! :))
Bro, never stop pls hahahahah Amazing
I love the way you do this video, 🤩🤩🤩
chillin, thank you
I am so glad to know I am on the right mental track LoL
I personally first take a slow hour looking through awwwards gathering ideas.
Then I choose my style - Traditional, modernistic, whether it's supposed to be simple or semi-complex, etc...
I get my color palette and fonts visually there on Figma to get the idea of what I want things to look like and only then when I like it, I proceed.
...except for when I need to build an amazing butt-blowing site overflowing with animations, then yeah, I just straight up enter panic mode and go for whatever looks good enough and then refine it.
How interesting.. inside the mind of a pro Front-End dev....
Glad to know I'm not the only person who makes the same mistake with flex every single time
Need more videos like these.
Awesome, love this!
What the F man. There are more hints in four minutes than in many multi-hour courses. ❤
This video reminded me how fun CSS is, especially when you have some time to make things pretty! +1 Sub
I HAD THIS EXACT ISSUE JUST NOW. THE VIEWPORT THING
great video my friend, create more, please. if possible, with more explanation of what you're doing, it would be appreciated
Could you explain the reasoning for using a for loop in 3:17? I only know how to use them in the traditional way like (i=0; 1>6; i++) but what you wrote there has a completely different structure
Is it like just looping a lot of times a second checking for the mouse?
i am new here but i like this channel a lot already
This is the content i like
This is why I went with Webflow and now use GSAP for animations
1:11 the pain... I kinda expected you to google something like 'How to center a div'
This made a lot of sense to me as a junior until we started talking about using JS to animate the gradient 😅
that's nice. I'm no front end dev but I know this process :)
Awesome
This deserve more subscriber
Awesome 👏🏼
Very cool video.
1:11 Do you know Chrome dev tools flex layout menu? That would’ve been the first place I would’ve gone to fix that issue.
I just subscribed watching this. I hope someday I can be as good as you.
I am in no way a pro frontend/css guy but somehow the centering & layout stuff is just burned in my mind ill never forget it ^^
Maybe because i heard everyone say that they always forget it haha