Building The Extraordinary Using Only The Ordinary

Watch as I show you how to recreate the futuristic card effect from www.sprite.com....
Support the channel: ko-fi.com/hype... (accepts PayPal, card, etc).
Tools used: HTML, CSS, JavaScript
CodePen: cdpn.io/vYzgeYE
Music licensed by Artlist:
Lance Conrad - Cannot Be Broken
Sero - Forgive

[@Leron...]

we're getting dangerously close to the point in this progression where the audience collectively stops going "whoaa" and starts shouting "burn the witch!"

[@local9]

Too late, as soon as that glitched text was on there I was getting my tiki touch out the attic

[@danisob3633]

*puts iron bar and flint on the crafting table*

[@greendsnow]

These brooms were in his closet! 🧹🧹🧹

[@_justnick]

Did any of you go on the awwwards website (or any other creative website) in the last, I don't know... 5-6 years? This stuff has been going on for a while now

[@JaFupy]

Yer a wizard Harry

[@gauravvarma3645]

Finally, a web dev youtuber who walks us through their pivots! This is the most important part of any developer journey imo.

[@oleggold]

YES! I was so surprised to see that.

[@snk-js]

as a developer I got a good tick on pivot too

[@2penry2]

The pivots are great. It solidly shows what doesn't quite work before showing the solution. Lot's of experience condensed into a short package!

[@nitin-code-comedy]

Just like Ross!

[@hijuliansosa]

Hi, What’s pivots?

[@boiimcfacto2364]

I get the feeling that you think 6mins is too long, so trust me when I say we'd all love videos that are even 30mins long with your style of narration. That said, HOLY HELL you managed to break down such a complex design into easy-to-digest parts in JUST 6 MINUTES?! And every step is given a clear explanation?!?! Fucking love it. And as an experienced CSS user, it was such a joy to hear you ask a question, think of an answer myself and see exactly that implemented 😂 It's mad refreshing to see someone who fully understands the capabilities of modern CSS without needing to use 150Mb of bloated JavaScript packages ❤

[@joegibes]

That was 6 minutes?! It went by so fast! This guy does SUCH a good job of visually explaining what each thing is, the different ways to approach something, and the problem solving process. Reminds me of 3blue1brown and other legendary visual explainer KZbin channels. I know nothing about css but came out of this thinking, "I should try that!"

[@Mukikytabahju]

While I feel like a 30 minute video would be super cool and helpful, I do understand why it would also be an absolutely ludicrous amount of work with the level of editing that goes into these videos.

[@dietherdave37]

at this point, do i really need to learn 8 hour video css? hahaha kidding

[@glardian966]

Ill tell the trush. I wouldn't even click on the video if it was 30 minutes long ngl

[@2penry2]

The editing is so good at capturing the short iteration cycles you go through when trying to make something!

[@Epicccccccccccccccccccc]

I love how these videos all connect at the end! It’s cool for people like me who watch every video

[@saladmancer8151]

They all are actors in hyperplexed cinematic Universe

[@alfdocimo]

Frustrated corporate FE dev here 👋You have no idea how much I love your content. It has given me the motivation to jump back into re-learning concepts, experimenting, taking inspiration from others, and overall just having fun with web dev again. In an increasingly complex front-end ecosystem that's hyper-fixated in the frameworks and whatnot, it's so refreshing to see content like yours, reminding us that what makes web dev great. I can't thank you enough and just wish you the best! 💫

[@by_huy]

As a self-taught frontend developer, your channel is like a gold mine... Thanks so much for the quality content and keep it going!!

[@andyunderlife8015]

I really love how you go like "huh, we have a problem. Why? Because: " it explains the logic of the language really well

[@ayya.n]

We need a video editing tutorial for sure! I'd love to learn how you make those little animations and move around the code snippets on screen for us to see so easily.

[@4GENS]

The work you put into these videos is amazing, we need more channels like these

[@leonstone3443]

im self teaching myself front-end and sometimes i get overwhelmed with how much great sites there are out there to the point of giving up. But the way you break things down and still teach new stuff/ways to achieve each outcome is astonishing and gets my motivations right back up there. Thank you!

[@doggo9757]

It is 3:30 am, and I need to sleep. But Watching your video is more important. I find them to be perfect to watch before bed.

[@jorgejorge8878]

Speechless. Your content is so much more than the development. The editing, the visuals, the narration, the love you put into this work. I just don't have words to describe how much we appreciate your work. Thank you.

[@facucu5957]

Sometimes I think some webpages have things that are not easy to recreate but whenever I watch one of your videos I realize that It's really just about focusing on every aspect of it and understanding how the dev got there. I love your channel

[@trueberryless]

I love how you integrate the content of the last videos perfect fitting inside every end of your videos... Advertisment: 10/10

[@demetrisbarnwell2798]

Quality video Hyperplexed! I can already tell from the 1st minute, time to watch to rest!

[@beinyourguard]

I love this channel and these tutorials!

[@filipetedim]

Your skill is undeniably incredible. If you're ever in the market for hire, come work in my team at our games company, we'd pay *really* good money for developers like you and this isn't even a joke! Keep up the good work!

[@fajarfalahiat5379]

never in my life liking every new content of one channel. always impressed!

[@byronwheeler]

I love how you are able to visually explain what the different css attributes do. Thanks!

[@madjazz4743]

I almost never comment on videos but I have to make an exception here to tell you how amazing your videos are. The way how you explain is just awesome and the editing is fantastic. Really really well done, ty for your content!

[@cedrictheveneau9141]

Every second that passes while I’m watching your vids, this channel slowly becomes my fav

[@Way_Of_The_Light]

Tutorials like this is the reason I subscribed. Top quality mate 🙏

[@RobertWildling]

What a great channel! Just discovered it and watched about 6, 7 videos. Subscribed! Thank you for sharing all this!!! 🙂

[@kennyPAGC]

As a web dev this is hand down the best, most interesting, instructive and well done web design channel on the internet ever. I would love longer videos too (not instead, but in addition).

[@nicolasmayorga8288]

I mean your knowledge it's amazing but what it really amazes me, it's the effort and time in the edition of the video to get those cool animations between code iterations

[@khawarizmijefri3056]

I really love when he always adds up his previous feature on last video to his new updated video

[@precipire1025]

Thank you for showing us all just how much can be done with basic html and css

[@dinoDonga]

These videos are like mana from the gods. Great in both long or short format. When i mention hyperplexed to someone i call it the asmr-css channel id pay for a detailed explanation of when to use rem em ex ch vh vw etc

[@suuyaa1337]

Your videos are just so good dude, super informative and inspiring whilest being kept compact and INSANELY aesthetic. Great work, be blessed and keep it up! 🙏

[@hsensh]

I love how you make us go through your thought process including the mistakes, it REALLY helps us grasp the concept more and it's just amazing I'm loving this new style

[@Herbert.]

Hello, I just wanted to thank you for your amazing videos. I'm a type designer/font engineer (so I work with and on fonts), who recently discovered the wonders of front-end development. Using code to programme responsive layouts is a true treasure trove and your videos are immensely inspiring. Thank you for introducing me to it!

[@carlt.8266]

You are one of the gods of the 21st century. Your craft is sooo amazing!

[@alligator5706]

Your videos show passion. The way you put down your thoughts and explain in the best way possible (along with the help with video editing) your videos blow my mind every time

[@coben6669]

Every time I'm watching new video of yours I think in my head "OK, thats the limit, there is no more to achieve" and then you shock me again. Never saw a guy with skills of yours. I appreciate your work

[@ArnoldsKtm]

I must say, the visualization of the process is superb.

[@p0r5ch3911]

Loved that project, might use that myself, but also huge kudos for your editing. This video was short, yet you get everything.

[@harelchen]

I just love how you simplify the process piece by piece and show your thinking process.

[@PSProduktions]

ughhhh I LOVE YOUR CHANNEL! Thanks for the CONSISTENTLY COOL STUFF, MAN!

[@mehrdadhelmi]

I love your contents and they remind me the style of one of the best KZbin channels out there, sebastian lague ❤

[@borstenpinsel]

This is nuts. I rarely sub after one video but this blows me away.

[@ilyamed]

thank god i found this channel

[@nateivecode]

I absolutely LOVE that you create videos in a way that shows your train of thought and displays your critical thinking skils. It is so important to know how to create awesome things with code. HOWEVER, it is far more important to have a goal in mind, a general path to get to said goal, and the ability to come up with solutions along the way. Awesome stuff man!

[@andrewfuller511]

I don't know why but your voice over reminds me so much of Joe from the Netflix series "You". I can never unhear you in this way now.

[@megaxlrful]

The progression arch in your video editing skills is crazy. When I started watching your content it was good, but this is god-like.

[@Name-is2bp]

Hey there! I just wanted to drop a quick message to say how much I love your content. It's seriously awesome and has taught me so much. Keep up the great work, and keep those videos coming!

[@dhruvbhavsar1669]

don't ever stop! I'm in love with your videos♥️

[@babayaga206]

top 3 favorite channels , what you are doing is amazing , sipmply that!

[@MartijnMcFly]

This makes me wanna pick up web UI design all over again! Haven't been in that industry for over 10 years.

[@shockinho]

Most well-deserved subscription i gave this year. Congratz sr! Hope i can be half as good as you someday. Great work!

[@sophiebosio8171]

This looks great! I also really appreciate that you do show some of the hurdles you met along the way. Most of the time when I try to implement something, I'll try to splice a few different tutorials to do exactly what I want and when I need to find a workaround to make them play nicely, I often feel defeated. But seeing that even creators I look up to do, and how you find the solutions, makes me feel like these are more like hurdles than roadblocks.

[@pattanijeet9089]

Man you are crazy !!!! I wished I could like your videos a thousand times. Just mind blowing. The level of css is simple to create something so astounding. The breakdown of the components is the craziest things that I have ever seen seems like a real life scenario where you must workaround different methods to get the right one .And the editing of your videos is mind blowing makes me so indulged in the process. Hats off to you man !!! You make mind blowing stuff !! PS: Would love to get a css course from you.

[@safinurzai3430]

Best practices and breaking a complex design to single steps is the best thing about this guy everything is perfect and there is no extra talking that’s crazy ❤

[@wlockuz4467]

You manage to blow my mind every time.

[@gooshaboo374]

you're amazing. I really love the content. Thank you for all your work. Truly impressive.

[@InterPixelYoutube]

The way you are able to visually explain things and lay things out are extraordinary. You are the youtuber I get hyped about when you upload - so much learned in sometimes as little as 5 minutes!

[@sbksdg7019]

Man your videos are amazing, it feels like you are playing a game, game over and restart. 🎉

[@davien001]

Your deductive thinking is amazing.

[@karndeleeuw2886]

it really is amazing on how creative you can get by adding simple elements together! the final product just looks insane

[@Mikasks]

I love these types of problem solving videos!

[@kaustavroy6542]

Just awesome video, learned more in this 6+ mins than past 1year.

[@KD-tp6er]

You make everything seem so easy. PLEASE MAKE A COURSE.

[@abpdev]

It’s you and fireship. You’ve made my switch from Computer Engineering to Computer Science so much more worth it! And ignited my love for full stack dev!

[@JungzYT]

Youre insane dude. This looks so incredible.

[@i_hope69]

I dont know if its your speaking/narrating or editing style but boy o boy your videos feels sooo smooth !!!! love it

[@naranyala_dev]

This type of code experience you bring is also extraordinary too, thank you.

[@kittoh_]

Daaamn. THIS IS PEAK GOLD MINE CONTENT. AND THE VISUAL EXPLANATION IS TOO GOOD. DON'T STOP DOING THIS MAN!

[@worried8592]

I love how it seemed impossible to me at first but now after the explanation i. Think it's pretty easy i hope one day my front end skill be good as you

[@funkdefied1]

Excellent discovery-based teaching

[@crim-son]

Your videos are really therapeutic 😭❤️, sometimes i just enjoy how the video is made rather than what is being taught ❤️

[@patrykszewczuk8741]

I love how you show you also use google. Multiple tutorials always show the people doing them as some kind of coding god that knows all css. Your videos help newbies learn the truth. Thanks!

[@durodolavictor5635]

Every video builds on the last. If I were a dog, you'll see me droll and my tail wag aggressively for the next video. Awesome video.

[@babakfp]

OK, I'm at a point where I'm like, I LOVE THIS GUY🧡. Good stuff indeed.

[@ThePrimeTimer100]

We need you to explain CSS 3D, you’d kill it! 🔥 video as always

[@Infinitay]

I hate front-end because I’m so bad at it. You’re a damn wizard and I am jealous. Your video making is also great. I hope the KZbin algo makes it’s way to other people too, you deserve more recognition.

[@Douglas-zg2qm]

I love the way u break down all these things

[@amanmaurya5535]

this man explain what actually he is doing and so smoothly

[@ChristofFritz]

This was legit the first coding video that glued me to the screen. Good job!

[@astroorbis]

This is like fucking therapy for me, I'm trying to get more into the CSS side of things (I generally just use React and Mantine with some Tabler icons) and holy hell it's fun Thank you, kind developer

[@frutosergio]

The panning of the image was just an absolute master move. I run out of "whoa" with this video.

[@acez28]

I love this Not just the design But the innovative thinking Because sometimes the answer isn't as clear so you use what you have to achieve what you want

[@yoarnaldo]

This is pure candy for my mind. JUST AMAZING WORK. Please keep it up.

[@codenerd7823]

This is not the power of your creation , this is the power of a god( css god) 🙏🔥🔥

[@sefaq574]

Bro legit deserves more subs man wtf 👏🏾👏🏾👏🏾👏🏾

[@eaglebirdiepar]

Amazing! The quality of these videos is so good. Keep up the good work dude.

[@manuj90]

This is FU***NG amazing, no only I get to learn, I can wow my self!, thanks!

[@sumitmishra-cy4uz]

That video effect from a image is just amazing I just realise I have to practice more css

[@triteraerlangga7917]

You have unique content! Keep it up. I can't wait to see your next video!

[@NumbBlaze]

I absolutely LOVE your videos man, so informative and entertaining - Dont change a thing! Im currently studying to become a fullstack developer and your videos, not only gives me inspiration to try stuff like this for myself but also motivation to keep going when things are tough :)

[@llksl7709]

you definitely have the best channel on youtube

[@antoninodellalbani431]

Love the end! And here using tailwind cause I’m so bad at css! Really enjoying your videos!!! ❤

[@RobinGiel]

If you're good at Css you will still use a tailwindcss becuase you will understand why using tailwind is better

[@Josh_DoesStuff]

Amazing work yet again Mr. Plex

[@ricardorien]

Best CSS chanel, genius.

[@Blaster_Unity_UB]

This is literally genius. I- I can't explain it...

[@devmed]

Man if this content was paid i will defenitly but it ,great edits , great explanation top notch

[@maheh360]

Best explanation and editing ever 🔥🔥🔥🔥😍 thank you so much

[@AldiranLuiz]

Every time I watch your videos my mind🤯

[@krishc.8980]

you explain this stuff so smoothly and perfectly

[@swe3ex598]

Please never stop! Your videos is so entertaining

[@mariotkman]

These videos are soooooo sick. Makes me excited to code in my spare time