Have You Ever Seen A Hover Effect This EXPLOSIVE 🤯

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

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

50% 1

Watch as I show you how to recreate the fancy hover effect from www.nathansmith.design.
Get Font Awesome Pro: fontawesome.com/referral?a=75...
Support the channel: ko-fi.com/hyperplexed (accepts PayPal, card, etc).
Tools used: HTML, CSS, JavaScript
CodePen: cdpn.io/mdjPzgM
Music Credits:
Cielo - StreamBeats - Lofi - Harris Heller

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

5 янв 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@CrazedSyko Год назад

I love how you repeated yourself in the video to explain the has selector again, whereas most people would just leave it to the viewer to pause and rewatch that section. You've got a great sense of how to teach. Keep it up!

@finger399 Год назад

I really love to go back to codding bcz of his teachings

@angryman9333 Год назад

So true

@svenmify 22 дня назад

Isn’t “has” pretty self explanatory? It’s literally what it sounds like

@saar5947 Год назад

"I am way too lazy to go through and add a span tag to each of these letters, so I'm going to spend 10 times as long writing a function to do it for me." 💀 This is too relatable

@herosova Год назад

it will be better for further customisation

@adkoda6264 Год назад

That's sooo true! The best part is when you give up after one hour and do the simple thing you wanted to avoid.

@kirkanos771 Год назад

@@adkoda6264 The bright side is you learn something along the way.

@danisob3633 Год назад

but you dont spend more time creating that function in this case

@ajilpappachan Год назад

I needed to convert my grades to an American standard GPA for an application and I was too lazy to do the conversion math so I spent 4 hours making a web application to do it for me. This is the way.

@fr0sty999 Год назад

love how you disect each problem and then solve it individually! great content!!

@al-ft1ng Год назад

that's how engineers do it

@Ahmed-Lotfy Год назад

The golden concept

@crateer Год назад

That's nothing Special, it's as if you say: "Wow youre taking small bites off this water melon instead of stuffing it in your mouth all at once, love it! So smart!" 😂

@surVERXD Год назад

Top down perspective

@YatindraJain11 8 месяцев назад

Love how you analysed his video ! Great comment!

@NateLevin Год назад

Holy crap, the editing is impeccable!!! Seriously incredible job!

@driesxyz Год назад

This is one of the best channels I've seen in a while. Making educational content very entertaining isn't easy and you're nailing it

@Khormologia Год назад

am I lost in an ASMR web dev channel ? MAN YOUR VOICE !

@YuriG03042 Год назад

I love your way of thinking and breaking down big problems into small problems. You are my inspiration for front end design.

@aaaaanh Год назад

3:23 it's funny and impressive because you'd have to type the whole thing out in the first place to make an illustration for the video and also write the function

@JamesJames-nv6ps Год назад

You should make a Udemy course Html,CSS & Js. That will be amazing

@Way_Of_The_Light Год назад

I’d totally buy that!!

@katech6020 Год назад

I would also want a design course from him

@rugbyrant7299 Год назад

! DOIT !

@breeze5440 Год назад

YES! Take my money

@yishakabrham5002 Год назад

I will learn again

@egratw Год назад

I'm mostly a backend developer but watching your videos really makes me wanna go write CSS immediately. I really need more videos like this one! Keep it up!

@trimonmusic Год назад

Comments like this probably highlight one of the biggest impacts the channel has! Hyperplexed is making CSS (which many devs find tedious or annoying) digestible, intuitive and exciting - and brief enough that anyone can spend a few minutes getting inspired!

@discoRyne Год назад

Your editing during breakdowns has improved a ton. Nice use of hide/reveal effects and subtle zooming. Keep it up.

@tomzitiger Год назад

I just realized how much i miss the roasting websites and fixing them videos, you are very talented ❤

@abnoco Год назад

“I’m too lazy … so I’m going to take ten times longer to write a function.” Amen

@croozington Год назад

You've single handedly fuelled my interest in web design. Always been into coding, and I think this is something I want to learn. Awesome, smooth and elegantly simplistic videos. Loving it.

@brettabraham Год назад

Really love how you posed parts as a question rather than "Just do this."

@tomhartmann101 Год назад

This is insanely good. Please more of this!

@Aci_yt Год назад

Man I just love your video style, it's so relaxing and interesting and I learn new stuff at the same time!

@Savvkey 4 месяца назад

I love when sometimes you repeat yourself to sum things up, it really makes it so much easier to understand for newbies!

@adamzonnis980 Год назад

So good! More, please!!!!

@onurcelikler5045 Год назад

I love your problem solving, especially dividing big problems into small problems. It helped me a lot on my developing and on life!

@rodrigocornidez1917 Год назад

Great video, love the delivery!

@potsuaye69 Год назад

i love how there's useful visualization instead of plain code

@iphoeniximarco5488 Год назад

the break down of each step with the slick animations and the explanation is really nice!

@MarcoPhanVu Год назад

I feel so lucky seeing your channel, thanks for all the works that you've done.

@steviewonder580 Год назад

I love how he explains it as if this is the first time doing it with all the thought process to go with it.

@7days280 Год назад

you are an absolute godboss at explaining CSS, I love it!!

@tharun7290 Год назад

The way you place visual cues for every step, the highlights, the animations, Amazing video!! I've never used CSS/JS but this video still made sense to me

@sunnyheheheh9401 Год назад

Woahh it seems like some real hardwork has been done on making these videos as well as the explanation, I'm 2 mins in and the way you have explained is commendable and with all those effects it makes everything clearly understandable

@arindam_chowdhury Год назад

The part where you write the function, and show how it will transcribe in HTML was a great detail. Great content as always!

@SoreBrain Год назад

These videos are wild. Frontend never looked cooler.

@SpongeAndLeo Год назад

Instant watch every video. Thanks for this.

@rayizard Год назад

Speechless for the quality of both the video and the explanations.

@ezequielzion Год назад

Your videos are making me fall in love once again with frontend development (and video editing too). Thank you so much man❤

@ayomideoguntuase4396 Год назад

Your videos never cease to wow me

@azraellive6058 Год назад

Your videos are blowing my mind!

@frz_akbar Год назад

Finally, the youtube algorithm brings me to the great explanation about Front end stuff, congratulations you just got a new subscriber

@ausi9415 Год назад

Amazing as always you are

@benve7151 Год назад

Need tons of this videos. Love it

@romulodsr 9 дней назад

Awesome stuff!

@nro337 Год назад

Awesome teaching!

@a1x5h04 Год назад

The way you use the animations while writing the function was brilliant !

@that_panda Год назад

I love what you do! I am always excited for your new posts

@MsDIMENO Год назад

Insane amount of effort in just 4 minutes

@felipeleon6631 Год назад

10/10 Video. The visualization of each step is on POINT.

@approxahmed Год назад

Your editing and breakdowns are always informative and cool to see, thank you :)

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

Love the way you explain all problems and then solve them ❤

@DNAwastaken Год назад

That was a very nice and clean tutorial. Also, thank you for going step-by-step and not skipping any important details!

@baraahalabialt Год назад

Amazing as ALWAYS

@shyamsharma7233 Год назад

As a UI/UX Designer, your work on steam got me addicted to your contents. Again, you delivered more than what I expected.

@offroaders123 Год назад

Wow, you did outstanding with this video!

@provsalt Год назад

Wow. Your tutorials really teaches me these cool css tricks in a short timeframe.

@Beastintheomlet Год назад

This channel is a whole vibe.

@captainshocker1 Год назад

amazing, bro, love your content

@madarauchiha5433 Год назад

Man love this, keep up the great work

@sabinshrestha5335 Год назад

WHAT A PRESENTATION !!

@juleswinnfield1437 Год назад

This video was incredible! I love your way of teaching, it's so refreshing :)

@nionioniosmeg Год назад

Very nice explanation for people with little experience in css, you dissected the problem in understandable chunks, thank you!

@Warn0 Год назад

Adding a random effect for each parameters of each characters would have been quite neat

@lalasmith2137 Год назад

Your videos are amazing and I learned a lot from them even as a senior software engineer. Wish you would upload more, pure gold

@matt.5815 Год назад

I swear I LOVE THIS CHANNEL SO MUCH THANK YOU

@j.c.k.8639 Год назад

I was solo f-ing happy 2 see a new hyperplexed video... Keep up the good work

@yishakabrham5002 Год назад

One of the best content on RU-vid

@harmez7 Год назад

the way you dive into the issue is so fucking PRO ! love it

@hieudz1297 Год назад

Incredible teacher

@jx2pd Год назад

This is the first video from your channel that I watched and I subscribed right away! Great video 👏👏👏

@yaq8bi129 Год назад

Sir, you are gold! I love how you turn code into art, it feels wrong that your videos are literally for FREE!

@gkof23 Год назад

I'm learning so much CSS and how to address the problems properly through these videos. Thank you!

@ParadoxReason Год назад

I am so thankful I found this channel 😭❤️

@mrselcet Год назад

Amazing description 🎉 Love a lot your videos.

@piasrahman6441 Год назад

you are awesome, a real inspiration for me

@garbagetrash2938 Год назад

This explanation is 🔥🔥🔥 tysm

@rohan6781 Год назад

ur production is top tier

@l31zon2 Год назад

You are awesome man

@ShredBundy420 Год назад

You make such great content, probably my favourite coding channel on the platform.

@aarond309 Год назад

The has selector is an amazing new addition that allows for sooo many things!

@pablorodriguez196 Год назад

Dude. Seriously underated

@developer_014 Год назад

Never thought I'd enjoy reading someone's javascript code this much. Great content pal!

@krateskim4169 Год назад

Awesome man

@samnackaerts9670 Год назад

The visualisation in this video is so good i can learn it faster. Keep doing this, its amazing!!

@armandasbarkauskas4485 Год назад

This is what I call creativity!

@RussDnB Год назад

"So I'm gonna spend ten times as long writing a function to do it for me". Oh man I can so relate to that sentence!

@husniddintogizov7324 Год назад

Awesome editing skills

@devlayton Год назад

Nice! good explanation, you are helping me to break down the problems by smaller problems!

@anfytrion Год назад

Dude... great video editing, I missed your videos.

@youjustlostthegame2028 Год назад

I really like your explanation of the :has selector! I've been messing around with it for a little bit and it has a lot of potential. (if you get really creative with it you can make fun projects like a pure CSS mouse tracker)

@clebhosh Год назад

dude, you are at another level! wow

@matt_z_07 Год назад

Sick effect!

@albertkovtoun662 Год назад

This is really great content. Super usefull!

@AByteofCode Год назад

The visuals on this are amazing, I'm definitively gonna -steal- take inspiration from the editing!

@blueyay Год назад

I haven't touched css or html in years but your teaching style is so amazing that it made me wanna revisit it

@ozoindaprince Год назад

first time watching. already a subscriber!! I LOVE THE WAY YOU TEACH!!!!!!

@methew93 Год назад

dude, you're insane, how you did the story flow thing! This is great!!!

@dr4zel Год назад

I watched your video before understanding the basics of html/css/js and it was already great, but now that I understand what you do it is even better :D

@harshshukla7277 Год назад

Bruh you just earned another subscriber. You make look knowledge and creativity sooo effortless.

@angryman9333 Год назад

Good stuff please keep doing these videos

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

This is so good, I'm in awe! No one does it like Hyperplexed. I've already implemented 2 of your videos into my portfolio and now after watching this, I want to implement this too hahaha thank you for making awesome things accessible for people like me