No video

Have I found the perfect website?

  Рет қаралды 394,067

Hyperplexed

Hyperplexed

Күн бұрын

Пікірлер: 198
@Klappson
@Klappson 2 жыл бұрын
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.
@arjix8738
@arjix8738 Жыл бұрын
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!
@riadtempest
@riadtempest Жыл бұрын
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
@char_wee
@char_wee Жыл бұрын
@@arjix8738 bruh Ive tried 3 tutorials and none of them have worked, I need help
@ricardoestrella95
@ricardoestrella95 2 жыл бұрын
Best advice ever on not stealing colors lmao. Best channel ever, keep it going
@RubyPiec
@RubyPiec Жыл бұрын
Why is stealing colors bad? It's literally just a color lmao
@mr.rainc0at614
@mr.rainc0at614 Жыл бұрын
@@RubyPiec I think it's the principle. What your site represents is yours: it's almost never properly represented with 'borrowed' colors.
@dreammaker7599
@dreammaker7599 Жыл бұрын
@@RubyPiec You miss the joke , you burnt toast.
@RubyPiec
@RubyPiec Жыл бұрын
@@mr.rainc0at614 ah ok
@RubyPiec
@RubyPiec Жыл бұрын
@Liam Tran just a ripoff because of its name
@dylanbrouwer8973
@dylanbrouwer8973 Жыл бұрын
Thanks for using my website, much appreciated and nice work 🙏🏼
@adambentley
@adambentley Жыл бұрын
Still waiting for the part 2 on the responsive design. Your videos are a freakin’ masterpiece!
@mateuszgawlewicz461
@mateuszgawlewicz461 Жыл бұрын
relatable
@weilzudope
@weilzudope Жыл бұрын
dont let us hang dude
@MarshallSC1
@MarshallSC1 Жыл бұрын
+1 on this!
@schubertludwig
@schubertludwig Ай бұрын
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!
@ferpalaciosd
@ferpalaciosd Жыл бұрын
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.
@Micsmit_45
@Micsmit_45 Жыл бұрын
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.
@zelbjohnes4050
@zelbjohnes4050 Жыл бұрын
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!
@deslaya7777
@deslaya7777 Жыл бұрын
as a fresh web and front-end developer, your videos are incredibly helpful for improving my designs. Thank you for all your hard work!
@Modenut
@Modenut Жыл бұрын
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. :)
@Tridentus
@Tridentus Жыл бұрын
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.
@mello1016
@mello1016 Жыл бұрын
@@Tridentus AI applications will blow our minds
@dwnsdp
@dwnsdp Жыл бұрын
I hate that feeling when your binging a channel and realise that they have so few subscribers, you deserve more man!
@Hyperplexed
@Hyperplexed Жыл бұрын
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.
@midlifechrises3949
@midlifechrises3949 Жыл бұрын
@@Hyperplexed and ya got 17k more, I am so happy that the algorithm blessed you, awesome channel!
@AlejandroVillate832
@AlejandroVillate832 Жыл бұрын
@@Hyperplexed hopefully it can grow more, the content is super useful
@devardilshad3944
@devardilshad3944 5 ай бұрын
Can't express how amazing you are, the amount of work , how you break down things and the presentation very much appreciate it
@tuams
@tuams Жыл бұрын
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!
@jgtb0pl
@jgtb0pl Жыл бұрын
Now... I'm no front-end developer but the pure comedy in these deserve a sub
@q.u.e.r.t.y
@q.u.e.r.t.y Жыл бұрын
I see you got the Fireship editing style. It's great.
@mladenmladenov7835
@mladenmladenov7835 Жыл бұрын
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!
@Hari983
@Hari983 Жыл бұрын
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 KZbinrs these days.
@sammy_007
@sammy_007 Жыл бұрын
The way bro explained the website creation was phenomenal 🙌🏻
@061zapolinariosgobi9
@061zapolinariosgobi9 Жыл бұрын
This is what a class from Joe from You would be if he knew how to program
@Ali-ei3mg
@Ali-ei3mg Жыл бұрын
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
@stearless
@stearless Жыл бұрын
Your voice so so soothing, I could watch these videos as a therapy + they are super helpful, keep up the great work
@pablodm9
@pablodm9 Жыл бұрын
border-box was what I needed my whole life, thank you
@nathanhoskins438
@nathanhoskins438 Жыл бұрын
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.
@apteryx
@apteryx Жыл бұрын
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
@AnderuFrog
@AnderuFrog Жыл бұрын
holy moly. this is so cathartic. I can watch these all day
@rampage_sl
@rampage_sl Жыл бұрын
This is ~insanely~ good. I always keep coming back to your videos
@RamiGB
@RamiGB Жыл бұрын
This is the first video I watch for you, for sure won't be the last. Amazing production quality, great job sir!
@MafiaMalaria
@MafiaMalaria Жыл бұрын
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!
@TreezTV
@TreezTV Жыл бұрын
"For the sake of time, I'm not goin to show you how to center a background img" had me dying 😂
@androsikys
@androsikys 2 жыл бұрын
the finest work
@p3gasus233
@p3gasus233 Жыл бұрын
Still waiting for the part 2 on the responsive design.
@league_of_physics
@league_of_physics Жыл бұрын
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!
@PoorlySoup
@PoorlySoup Жыл бұрын
This makes me feel so much more confident that I can achieve some beautiful front-end design. Thanks!!
@brentspineDev
@brentspineDev Жыл бұрын
What app did you use to grab the rgb value?
@marcellnagy7679
@marcellnagy7679 Жыл бұрын
Instant-Eyedropper maybe
@djplonghead5403
@djplonghead5403 3 ай бұрын
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.
@bramvandinteren
@bramvandinteren Жыл бұрын
A great visual way of explaining how to translate a design to a functional website, good job!
@gyunayify
@gyunayify Жыл бұрын
First video of you I just watched and instantly subscribed
@AirNeat
@AirNeat Жыл бұрын
I wish I knew about this channel when I was first learning HTML and CSS
@skykirisame
@skykirisame Жыл бұрын
I love you, this is the kind of content I like.
@zeodormusic
@zeodormusic Жыл бұрын
can't we get this man to one million subscribers?
@nov8175
@nov8175 Жыл бұрын
Your voice is surprisingly crispy and rather nice :)
@VincentAziz
@VincentAziz Жыл бұрын
The editing is done so much better its so easy to understand wat which css property does
@alfonz5705
@alfonz5705 Жыл бұрын
any tips for a beginner frontend developer? your videos are like therapy for my brain btw, keep up the amazing content :)
@ben251
@ben251 Жыл бұрын
Hoping you release that second part soon :)
@Fregaunt
@Fregaunt Жыл бұрын
When you've studied HTML and CSS way too much and now understand the code without commentary
@imjody
@imjody Жыл бұрын
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! 😁
@gasper1s
@gasper1s 2 жыл бұрын
I really need to start using grid more :D
@Hyperplexed
@Hyperplexed 2 жыл бұрын
I'm in the same boat honestly! Can do some super cool stuff with it
@ArthurGrofic
@ArthurGrofic Жыл бұрын
Bro I'm so thankful you made that video, I needed that videa to know what what means again
@isaiahcoultrup4687
@isaiahcoultrup4687 Жыл бұрын
Such a chill coding video. I love it.
@dreamsdreams8836
@dreamsdreams8836 Жыл бұрын
You are too good. this makes me love web development. What i can say is thank you.
@MatthiasPitscher
@MatthiasPitscher Жыл бұрын
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 :)
@schubertludwig
@schubertludwig Ай бұрын
@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. :-)
@schubertludwig
@schubertludwig Ай бұрын
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! 🙏
@oleggold
@oleggold Жыл бұрын
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.
@stratos2
@stratos2 Жыл бұрын
Is it just me or have you never covered how to make this page responsive? I can't find it, so either it's not there or it's in a short which is annoying to watch.
@uziel1990
@uziel1990 Жыл бұрын
You’re videos are awesome man
@Drpanda533
@Drpanda533 Жыл бұрын
Just discovered thus channel. So good!!! Been learning a lot! Thanks so much
@ala.garbaa
@ala.garbaa Жыл бұрын
You are a good teacher, thank you so much.
@theendisnevertheendisneverth-
@theendisnevertheendisneverth- Жыл бұрын
You make webdesign clever and logical. Great Job!
@fatmirzumberovic8650
@fatmirzumberovic8650 Жыл бұрын
So thankful for this
@dizzyrocket2000
@dizzyrocket2000 Жыл бұрын
Loving your videos! Great content 👍 Just curious why you used , and tags but not a tag?
@serignesalioumbackembaye
@serignesalioumbackembaye Жыл бұрын
Hi I love your work and really need the tool you use to pick the color
@vladimirtesar8559
@vladimirtesar8559 Жыл бұрын
Your vids are gold. You keep going. You'll be big.
@dresan48
@dresan48 2 жыл бұрын
Awesome stuff. Deserve way more views.
@orcus7877
@orcus7877 Жыл бұрын
Awesome channel! keep up the good work and remember me when you’ll have 1m subs🎉
@goatard3916
@goatard3916 Жыл бұрын
I work with React Native, but this was still a pleasure to watch. Well explained
@chicharongbaboy
@chicharongbaboy Жыл бұрын
Thanks! I've been searching how to get it and this is brilliant :D
@theo5928
@theo5928 Жыл бұрын
Thanksss so much, I've been struggling with a similar slider page thing for my portfolio site, definitely taking inspiration from this!
@katastropee871
@katastropee871 Жыл бұрын
your content is the best on web design love it very much
@kara3744
@kara3744 Жыл бұрын
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.
@thesimonger
@thesimonger Жыл бұрын
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!
@Jibun_
@Jibun_ Жыл бұрын
Learned so much from watching this. Thank you sir :) Subscribed
@Lucasmoes
@Lucasmoes Жыл бұрын
wooooow first 3 minutes, learnt so much already
@GeekBastion
@GeekBastion Жыл бұрын
Thanks for this, i am using it as an inspiration for my new website :D
@S4W6
@S4W6 Жыл бұрын
Bro that ending😂
@fmxdagger
@fmxdagger Жыл бұрын
Love this content! Makes me wish I tried harder when I did software in high school.
@hakimchulan
@hakimchulan Жыл бұрын
Your voice is gold
@flipsenmc
@flipsenmc Жыл бұрын
What editor are you using? Great content! Please go ahead! :)
@AirsoftGameplays
@AirsoftGameplays Жыл бұрын
This guy is really good! 👍
@DonNjabs
@DonNjabs Жыл бұрын
What happened to part 2, i have eagerly waiting 🙏😩🔥
@josepharoh7958
@josepharoh7958 5 күн бұрын
Watched this more than 15 times
@ThatRandomDude914
@ThatRandomDude914 5 ай бұрын
Him: I won’t tell you how to do it Me: You gave me a codepen link, same thing
@joshua.productions
@joshua.productions Жыл бұрын
Amazing. I love you.
@socialdamage
@socialdamage Жыл бұрын
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
@alpers.2123 Жыл бұрын
Or make a somethingHappened(what) function to handle all events
@ASPNyan
@ASPNyan Жыл бұрын
@@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
@noorefti3862
@noorefti3862 Жыл бұрын
thanks man you are awesome
@muhmmadawd3206
@muhmmadawd3206 Жыл бұрын
I diced to not watch projects totorial , but i think I change my mind, just fair that I will dive in totatial hell
@0Apostata0
@0Apostata0 Жыл бұрын
Where is part 2? I can't find it.
@SolomonUcko
@SolomonUcko Жыл бұрын
box-sizing: border-box is something IE used to do by default, IIRC
@thangavel_st
@thangavel_st Жыл бұрын
From Tamilnadu... Dude 😎... Big fan 🤪...
@DavidCVdev
@DavidCVdev 2 жыл бұрын
Great video ✨
@timscore3202
@timscore3202 Жыл бұрын
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
@taxel6695
@taxel6695 Жыл бұрын
It does not correctly loop for me? Any reason/fix for that?
@zhoutian9009
@zhoutian9009 Жыл бұрын
What's the color picking tool here? That's cool~
@beissoNNN
@beissoNNN Жыл бұрын
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?
@fadilnatakusumah195
@fadilnatakusumah195 Жыл бұрын
And how about the animation on the cursor though? That's like one of the best part of it
@b_tongheng
@b_tongheng Жыл бұрын
I just learned something new ❤️❤️
@skillzorskillsson8228
@skillzorskillsson8228 Жыл бұрын
Instead of using 100vh on body you should set min-height:100%; on body and height:100%; on html
@thefootles
@thefootles Жыл бұрын
liked for the color "Stealing" lol
@zishanpathan9966
@zishanpathan9966 Жыл бұрын
bro you win my heart❤
@webberdontstarve7017
@webberdontstarve7017 Жыл бұрын
These oversized buttons make it look like a phone app
@darshancj483
@darshancj483 Жыл бұрын
loved the explaination but whats the use if u didnt explained js part
@Newriverartist
@Newriverartist 2 жыл бұрын
Very interesting, useful video. I am an artist and I share my painting demos and studio tours here. So much variety on KZbin. Have a great day!
You Need This Hover Effect On Your Site ASAP (CSS / JS)
5:10
Hyperplexed
Рет қаралды 455 М.
I Redesigned Popular Websites (Rotten Tomatoes & Craigslist)
7:56
Hyperplexed
Рет қаралды 259 М.
나랑 아빠가 아이스크림 먹을 때
00:15
진영민yeongmin
Рет қаралды 14 МЛН
大家都拉出了什么#小丑 #shorts
00:35
好人小丑
Рет қаралды 79 МЛН
Nurse's Mission: Bringing Joy to Young Lives #shorts
00:17
Fabiosa Stories
Рет қаралды 14 МЛН
ImNotGoodEnough.js
11:11
Hyperplexed
Рет қаралды 893 М.
It's time to talk about these UI trends
9:09
Juxtopposed
Рет қаралды 480 М.
This Website Theme Hasn't Been Perfected Since 1996
9:43
Hyperplexed
Рет қаралды 320 М.
I Redesigned Popular Websites (Quora & Steam)
6:25
Hyperplexed
Рет қаралды 325 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,4 МЛН
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 81 М.
Building The Extraordinary Using Only The Ordinary
6:37
Hyperplexed
Рет қаралды 329 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 796 М.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,8 МЛН
나랑 아빠가 아이스크림 먹을 때
00:15
진영민yeongmin
Рет қаралды 14 МЛН