Building The Extraordinary Using Only The Ordinary

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

Пікірлер: 416

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

    @local9

    Жыл бұрын

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

  • @danisob3633

    @danisob3633

    Жыл бұрын

    *puts iron bar and flint on the crafting table*

  • @greendsnow

    @greendsnow

    Жыл бұрын

    These brooms were in his closet! 🧹🧹🧹

  • @_justnick

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

    @JaFupy

    Жыл бұрын

    Yer a wizard Harry

  • @gauravvarma3645
    @gauravvarma3645 Жыл бұрын

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

  • @oleggold

    @oleggold

    Жыл бұрын

    YES! I was so surprised to see that.

  • @snk-js

    @snk-js

    Жыл бұрын

    as a developer I got a good tick on pivot too

  • @2penry2

    @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

    @nitin-code-comedy

    Жыл бұрын

    Just like Ross!

  • @hijuliansosa

    @hijuliansosa

    Жыл бұрын

    Hi, What’s pivots?

  • @Epicccccccccccccccccccc
    @Epicccccccccccccccccccc Жыл бұрын

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

  • @saladmancer8151

    @saladmancer8151

    Жыл бұрын

    They all are actors in hyperplexed cinematic Universe

  • @2penry2
    @2penry2 Жыл бұрын

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

  • @boiimcfacto2364
    @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

    @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 KZread channels. I know nothing about css but came out of this thinking, "I should try that!"

  • @Mukikytabahju

    @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

    @dietherdave37

    Жыл бұрын

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

  • @glardian966

    @glardian966

    10 ай бұрын

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

  • @alfdocimo
    @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! 💫

  • @huyngxyz
    @huyngxyz Жыл бұрын

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

  • @ayya.n
    @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
    @4GENS Жыл бұрын

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

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

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

  • @andyunderlife8015
    @andyunderlife801510 күн бұрын

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

  • @demetrisbarnwell2798
    @demetrisbarnwell2798 Жыл бұрын

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

  • @trueberryless
    @trueberryless Жыл бұрын

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

  • @beinyourguard
    @beinyourguard Жыл бұрын

    I love this channel and these tutorials!

  • @alligator5706
    @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

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

  • @byronwheeler
    @byronwheeler Жыл бұрын

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

  • @facucu5957
    @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

  • @RobertWildling
    @RobertWildling9 ай бұрын

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

  • @Way_Of_The_Light
    @Way_Of_The_Light Жыл бұрын

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

  • @hsensh
    @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

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

  • @fajarfalahiat5379
    @fajarfalahiat5379 Жыл бұрын

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

  • @suuyaa1337
    @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! 🙏

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

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

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

  • @harelchen
    @harelchen Жыл бұрын

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

  • @swe3ex598
    @swe3ex598 Жыл бұрын

    Please never stop! Your videos is so entertaining

  • @kennyPAGC
    @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).

  • @PSProduktions
    @PSProduktions Жыл бұрын

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

  • @gooshaboo374
    @gooshaboo374 Жыл бұрын

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

  • @Herbert.
    @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!

  • @dhruvbhavsar1669
    @dhruvbhavsar1669 Жыл бұрын

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

  • @wlockuz4467
    @wlockuz4467 Жыл бұрын

    You manage to blow my mind every time.

  • @JungzYT
    @JungzYT7 ай бұрын

    Youre insane dude. This looks so incredible.

  • @WhereDidItAllGoWrong
    @WhereDidItAllGoWrong Жыл бұрын

    your work is literally so great, this is amazing, keep up the work!!!!

  • @p0r5ch3911
    @p0r5ch39115 ай бұрын

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

  • @Name-is2bp
    @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!

  • @yoarnaldo
    @yoarnaldo Жыл бұрын

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

  • @shockinho
    @shockinho Жыл бұрын

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

  • @cedrictheveneau9141
    @cedrictheveneau9141 Жыл бұрын

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

  • @eaglebirdiepar
    @eaglebirdiepar Жыл бұрын

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

  • @borstenpinsel
    @borstenpinsel Жыл бұрын

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

  • @karndeleeuw2886
    @karndeleeuw2886 Жыл бұрын

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

  • @KinderrKill
    @KinderrKill Жыл бұрын

    Congratulation for this huge work behind the video, the montage is incredible !

  • @Mikasks
    @Mikasks Жыл бұрын

    I love these types of problem solving videos!

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

  • @triteraerlangga7917
    @triteraerlangga7917 Жыл бұрын

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

  • @martinharyanto4465
    @martinharyanto4465 Жыл бұрын

    Good Game Well Played ! Always loved your content ! Can't get enough of the narration and the edit !!! 💌

  • @RussDnB
    @RussDnB Жыл бұрын

    Love your format.

  • @StefanEideloth
    @StefanEideloth Жыл бұрын

    I absolutely love your work! Thank you for every single video

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

  • @Nick.....
    @Nick..... Жыл бұрын

    Just found your channel and it’s genuinely amazing.❤

  • @davien001
    @davien001 Жыл бұрын

    Your deductive thinking is amazing.

  • @Josh_DoesStuff
    @Josh_DoesStuff Жыл бұрын

    Amazing work yet again Mr. Plex

  • @crim-son
    @crim-son Жыл бұрын

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

  • @safinurzai3430
    @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 ❤

  • @carlt.8266
    @carlt.82668 ай бұрын

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

  • @nro337
    @nro337 Жыл бұрын

    incredible walkthrough!

  • @mariotkman
    @mariotkman Жыл бұрын

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

  • @babayaga206
    @babayaga206 Жыл бұрын

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

  • @AbyssEtc
    @AbyssEtc Жыл бұрын

    exceptional stuff as always. thanks for the vid :)

  • @ChristofFritz
    @ChristofFritz Жыл бұрын

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

  • @nicolasmayorga8288
    @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

  • @kzenmatthias
    @kzenmatthias Жыл бұрын

    This is very cool. Nice editing too!

  • @naranyala_dev
    @naranyala_dev Жыл бұрын

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

  • @khawarizmijefri3056
    @khawarizmijefri3056 Жыл бұрын

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

  • @Dipenparmar12
    @Dipenparmar12 Жыл бұрын

    Amazing narrative and tutorial as well, great job 👍

  • @precipire1025
    @precipire1025 Жыл бұрын

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

  • @mehrdadhelmi
    @mehrdadhelmi10 ай бұрын

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

  • @kaustavroy6542
    @kaustavroy6542 Жыл бұрын

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

  • @Douglas-zg2qm
    @Douglas-zg2qm2 ай бұрын

    I love the way u break down all these things

  • @krishc.8980
    @krishc.8980 Жыл бұрын

    you explain this stuff so smoothly and perfectly

  • @ArnoldsKtm
    @ArnoldsKtm Жыл бұрын

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

  • @piyusharyaprakash4365
    @piyusharyaprakash4365 Жыл бұрын

    This guy never fails to amaze us!!

  • @AR7editing
    @AR7editing Жыл бұрын

    really sick as always

  • @sbksdg7019
    @sbksdg7019 Жыл бұрын

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

  • @MrAlexutzu007
    @MrAlexutzu007 Жыл бұрын

    my god dude you are wonderful! keep up the good work

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

  • @Ferno209
    @Ferno209 Жыл бұрын

    CODEPEN love your videos!

  • @bijan1432
    @bijan1432 Жыл бұрын

    I am in love with these videos ❤️

  • @shresthverma7189
    @shresthverma7189 Жыл бұрын

    Thats Really amazing I've so much interest in these designs and I always thought these would be very hard , But you made it look so easy that My journey is getting so much amazing .

  • @kris10an64
    @kris10an64 Жыл бұрын

    Really impressive editing!

  • @ricardorien
    @ricardorien Жыл бұрын

    Best CSS chanel, genius.

  • @ilyamed
    @ilyamed Жыл бұрын

    thank god i found this channel

  • @lukor-tech
    @lukor-tech Жыл бұрын

    Solid work! Good one.

  • @boatxd
    @boatxd Жыл бұрын

    these videos rock! keep doing you

  • @h-hugo
    @h-hugo Жыл бұрын

    Well done Sir, well done!

  • @tylerpetrov8094
    @tylerpetrov8094 Жыл бұрын

    That is insane, thanks for sharing!

  • @kittoh_
    @kittoh_ Жыл бұрын

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

  • @bipinmaharjan4090
    @bipinmaharjan4090 Жыл бұрын

    bro you are too good at this.

  • @coben6669
    @coben666910 ай бұрын

    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

  • @valentimgarcia6179
    @valentimgarcia6179 Жыл бұрын

    The way that he teaches is something amazing!!

  • @samantasunanda
    @samantasunanda Жыл бұрын

    This video is amazing, subscribed for more.

  • @dinoDonga
    @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

  • @itaypooO
    @itaypooO Жыл бұрын

    Love it! And you!

  • @godofloveanddeath1755
    @godofloveanddeath1755 Жыл бұрын

    Holyyy friggin awesome!!!

  • @funkdefied1
    @funkdefied1 Жыл бұрын

    Excellent discovery-based teaching