Have I found the perfect website?

Подписаться 647 тыс.

Просмотров 389 тыс.

50% 1

Pick up where we left off: • ImNotGoodEnough.js
Watch as I show you how to recreate Dylan Brouwer's amazing website which uses the perfect combo of structure and creativity.
Support the channel: ko-fi.com/hyperplexed (accepts PayPal, card, etc).
The icons I use: fontawesome.com/referral?a=75...
Tools used: HTML, CSS, JavaScript
CodePen:
(Warning: this is the fully responsive version, so the code looks pretty different. Might be covering it more in a future vid.)
cdpn.io/oNqVyjo
Dylan Brouwer: www.dylanbrouwer.design/work
Music Credits:
Jacket In The Summer - StreamBeats - Lofi - Harris Heller

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 195

@Klappson Год назад

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 Год назад

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 Год назад

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 11 месяцев назад

@@arjix8738 bruh Ive tried 3 tutorials and none of them have worked, I need help

@ricardoestrella95 Год назад

Best advice ever on not stealing colors lmao. Best channel ever, keep it going

@RubyPiec Год назад

Why is stealing colors bad? It's literally just a color lmao

@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 Год назад

@@RubyPiec You miss the joke , you burnt toast.

@RubyPiec Год назад

@@mr.rainc0at614 ah ok

@RubyPiec Год назад

@Liam Tran just a ripoff because of its name

@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.

@dylanbrouwer8973 Год назад

Thanks for using my website, much appreciated and nice work 🙏🏼

@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 Год назад

as a fresh web and front-end developer, your videos are incredibly helpful for improving my designs. Thank you for all your hard work!

@adambentley Год назад

Still waiting for the part 2 on the responsive design. Your videos are a freakin’ masterpiece!

@mateuszgawlewicz461 Год назад

relatable

@weilzudope Год назад

dont let us hang dude

@MarshallSC1 Год назад

+1 on this!

@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!

@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 Год назад

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 RU-vidrs these days.

@devardilshad3944 2 месяца назад

Can't express how amazing you are, the amount of work , how you break down things and the presentation very much appreciate it

@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!

@stearless Год назад

Your voice so so soothing, I could watch these videos as a therapy + they are super helpful, keep up the great work

@sammy_007 Год назад

The way bro explained the website creation was phenomenal 🙌🏻

@AnderuFrog Год назад

holy moly. this is so cathartic. I can watch these all day

@rampage_sl Год назад

This is ~insanely~ good. I always keep coming back to your videos

@bramvandinteren Год назад

A great visual way of explaining how to translate a design to a functional website, good job!

@RamiGB Год назад

This is the first video I watch for you, for sure won't be the last. Amazing production quality, great job sir!

@nathanhoskins438 10 месяцев назад

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.

@Ali-ei3mg 10 месяцев назад

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

@gyunayify Год назад

First video of you I just watched and instantly subscribed

@PoorlySoup Год назад

This makes me feel so much more confident that I can achieve some beautiful front-end design. Thanks!!

@skykirisame Год назад

I love you, this is the kind of content I like.

@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

@Drpanda533 Год назад

Just discovered thus channel. So good!!! Been learning a lot! Thanks so much

@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! 😁

@ArthurGrofic Год назад

Bro I'm so thankful you made that video, I needed that videa to know what what means again

@pablodm9 Год назад

border-box was what I needed my whole life, thank you

@isaiahcoultrup4687 Год назад

Such a chill coding video. I love it.

@VincentAziz Год назад

The editing is done so much better its so easy to understand wat which css property does

@jgtb0pl Год назад

Now... I'm no front-end developer but the pure comedy in these deserve a sub

@uziel1990 Год назад

You’re videos are awesome man

@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 Год назад

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 Год назад

@@Tridentus AI applications will blow our minds

@ben251 Год назад

Hoping you release that second part soon :)

@vladimirtesar8559 Год назад

Your vids are gold. You keep going. You'll be big.

@dresan48 Год назад

Awesome stuff. Deserve way more views.

@nov8175 Год назад

Your voice is surprisingly crispy and rather nice :)

@ala.garbaa Год назад

You are a good teacher, thank you so much.

@theendisnevertheendisneverth- Год назад

You make webdesign clever and logical. Great Job!

@fatmirzumberovic8650 Год назад

So thankful for this

@dreamsdreams8836 11 месяцев назад

You are too good. this makes me love web development. What i can say is thank you.

@dwnsdp Год назад

I hate that feeling when your binging a channel and realise that they have so few subscribers, you deserve more man!

@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 Год назад

@@Hyperplexed and ya got 17k more, I am so happy that the algorithm blessed you, awesome channel!

@AlejandroVillate832 Год назад

@@Hyperplexed hopefully it can grow more, the content is super useful

@q.u.e.r.t.y Год назад

I see you got the Fireship editing style. It's great.

@androsikys Год назад

the finest work

@theo5928 Год назад

Thanksss so much, I've been struggling with a similar slider page thing for my portfolio site, definitely taking inspiration from this!

@chicharongbaboy Год назад

Thanks! I've been searching how to get it and this is brilliant :D

@fmxdagger Год назад

Love this content! Makes me wish I tried harder when I did software in high school.

@Jibun_ Год назад

Learned so much from watching this. Thank you sir :) Subscribed

@alfonz5705 Год назад

any tips for a beginner frontend developer? your videos are like therapy for my brain btw, keep up the amazing content :)

@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!

@katastropee871 Год назад

your content is the best on web design love it very much

@GeekBastion Год назад

Thanks for this, i am using it as an inspiration for my new website :D

@goatard3916 Год назад

I work with React Native, but this was still a pleasure to watch. Well explained

@AirNeat Год назад

I wish I knew about this channel when I was first learning HTML and CSS

@Lucasmoes Год назад

wooooow first 3 minutes, learnt so much already

@noorefti3862 Год назад

thanks man you are awesome

@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!

@questionedmysanity Год назад

awesome video i really got some good idea from ur design

@AirsoftGameplays Год назад

This guy is really good! 👍

@joshua.productions Год назад

Amazing. I love you.

@flipsenmc Год назад

What editor are you using? Great content! Please go ahead! :)

@serignesalioumbackembaye Год назад

Hi I love your work and really need the tool you use to pick the color

@hakimchulan Год назад

Your voice is gold

@orcus7877 Год назад

Awesome channel! keep up the good work and remember me when you’ll have 1m subs🎉

@DavidCVdev Год назад

Great video ✨

@zishanpathan9966 Год назад

bro you win my heart❤

@061zapolinariosgobi9 Год назад

This is what a class from Joe from You would be if he knew how to program

@b_tongheng Год назад

I just learned something new ❤️❤️

@dizzyrocket2000 Год назад

Loving your videos! Great content 👍 Just curious why you used , and tags but not a tag?

@AlejandroVillate832 Год назад

Amazing videos

@sam00305 Год назад

Boy am I glad we have JavaScript

@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?

@balubalaji9956 Год назад

Thank you

@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

@djplonghead5403 28 дней назад

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.

@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 :)

@TreezTV Год назад

"For the sake of time, I'm not goin to show you how to center a background img" had me dying 😂

@p3gasus233 Год назад

Still waiting for the part 2 on the responsive design.

@thangavel_st Год назад

From Tamilnadu... Dude 😎... Big fan 🤪...

@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.

@zeodormusic Год назад

can't we get this man to one million subscribers?

@S4W6 Год назад

Bro that ending😂

@rajeshwarir9795 Год назад

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 👍

@Oxygenationatom Год назад

Holy crap, you earned 20 K subs in a day

@Fregaunt Год назад

When you've studied HTML and CSS way too much and now understand the code without commentary

@Gosurfdammit Год назад

What microphone setup do you use? It sounds like you have the signal running through a nice preamp!

@zhoutian9009 Год назад

What's the color picking tool here? That's cool~

@derekkc7299 Год назад

Thx

@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.