Building The Extraordinary Using Only The Ordinary

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 มี.ค. 2023
  • 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

ความคิดเห็น • 415

  • @Leron...
    @Leron... ปีที่แล้ว +3097

    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 ปีที่แล้ว +111

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

    • @danisob3633
      @danisob3633 ปีที่แล้ว +33

      *puts iron bar and flint on the crafting table*

    • @greendsnow
      @greendsnow ปีที่แล้ว +23

      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 ปีที่แล้ว +3

      Yer a wizard Harry

  • @gauravvarma3645
    @gauravvarma3645 ปีที่แล้ว +697

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

    • @oleggold
      @oleggold ปีที่แล้ว +13

      YES!
      I was so surprised to see that.

    • @snk-js
      @snk-js ปีที่แล้ว +5

      as a developer I got a good tick on pivot too

    • @2penry2
      @2penry2 ปีที่แล้ว +20

      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 ปีที่แล้ว +2

      Just like Ross!

    • @hijuliansosa
      @hijuliansosa ปีที่แล้ว

      Hi, What’s pivots?

  • @boiimcfacto2364
    @boiimcfacto2364 ปีที่แล้ว +597

    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 ปีที่แล้ว +16

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

    • @Mukikytabahju
      @Mukikytabahju ปีที่แล้ว +8

      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 9 หลายเดือนก่อน

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

  • @Epicccccccccccccccccccc
    @Epicccccccccccccccccccc ปีที่แล้ว +159

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

    • @saladmancer8151
      @saladmancer8151 ปีที่แล้ว +1

      They all are actors in hyperplexed cinematic Universe

  • @2penry2
    @2penry2 ปีที่แล้ว +231

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

  • @ayya.n
    @ayya.n ปีที่แล้ว +42

    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.

  • @alfdocimo
    @alfdocimo ปีที่แล้ว +6

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

  • @doggo9757
    @doggo9757 ปีที่แล้ว +14

    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.

  • @huyngxyz
    @huyngxyz ปีที่แล้ว +24

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

  • @4GENS
    @4GENS ปีที่แล้ว +45

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

  • @trueberryless
    @trueberryless ปีที่แล้ว +1

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

  • @demetrisbarnwell2798
    @demetrisbarnwell2798 ปีที่แล้ว +7

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

  • @beinyourguard
    @beinyourguard ปีที่แล้ว +22

    I love this channel and these tutorials!

  • @Way_Of_The_Light
    @Way_Of_The_Light ปีที่แล้ว +3

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

  • @jorgejorge8878
    @jorgejorge8878 ปีที่แล้ว +6

    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 ปีที่แล้ว +2

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

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

  • @suuyaa1337
    @suuyaa1337 ปีที่แล้ว +3

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

  • @leonstone3443
    @leonstone3443 ปีที่แล้ว +6

    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!

  • @RobertWildling
    @RobertWildling 8 หลายเดือนก่อน +1

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

  • @harelchen
    @harelchen ปีที่แล้ว

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

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

  • @fajarfalahiat5379
    @fajarfalahiat5379 ปีที่แล้ว +1

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

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

  • @gooshaboo374
    @gooshaboo374 ปีที่แล้ว

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

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

  • @facucu5957
    @facucu5957 ปีที่แล้ว +3

    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

  • @madjazz4743
    @madjazz4743 11 หลายเดือนก่อน +1

    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!

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

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

  • @PSProduktions
    @PSProduktions ปีที่แล้ว

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

  • @kennyPAGC
    @kennyPAGC ปีที่แล้ว +1

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

  • @WhereDidItAllGoWrong
    @WhereDidItAllGoWrong ปีที่แล้ว

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

  • @karndeleeuw2886
    @karndeleeuw2886 ปีที่แล้ว

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

  • @dhruvbhavsar1669
    @dhruvbhavsar1669 ปีที่แล้ว

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

  • @yoarnaldo
    @yoarnaldo ปีที่แล้ว

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

  • @swe3ex598
    @swe3ex598 ปีที่แล้ว

    Please never stop! Your videos is so entertaining

  • @shockinho
    @shockinho ปีที่แล้ว

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

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

  • @wlockuz4467
    @wlockuz4467 ปีที่แล้ว

    You manage to blow my mind every time.

  • @JungzYT
    @JungzYT 6 หลายเดือนก่อน

    Youre insane dude. This looks so incredible.

  • @p0r5ch3911
    @p0r5ch3911 4 หลายเดือนก่อน

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

  • @eaglebirdiepar
    @eaglebirdiepar ปีที่แล้ว

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

  • @StefanEideloth
    @StefanEideloth ปีที่แล้ว

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

  • @cedrictheveneau9141
    @cedrictheveneau9141 ปีที่แล้ว

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

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

  • @filipetedim
    @filipetedim ปีที่แล้ว +23

    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!

  • @borstenpinsel
    @borstenpinsel ปีที่แล้ว

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

  • @Mikasks
    @Mikasks ปีที่แล้ว

    I love these types of problem solving videos!

  • @naranyala_dev
    @naranyala_dev ปีที่แล้ว

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

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

  • @babayaga206
    @babayaga206 ปีที่แล้ว

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

  • @mariotkman
    @mariotkman ปีที่แล้ว

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

  • @ChristofFritz
    @ChristofFritz ปีที่แล้ว

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

  • @AbyssEtc
    @AbyssEtc ปีที่แล้ว

    exceptional stuff as always. thanks for the vid :)

  • @triteraerlangga7917
    @triteraerlangga7917 ปีที่แล้ว +1

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

  • @kaustavroy6542
    @kaustavroy6542 ปีที่แล้ว

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

  • @davien001
    @davien001 ปีที่แล้ว

    Your deductive thinking is amazing.

  • @carlt.8266
    @carlt.8266 7 หลายเดือนก่อน

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

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

  • @martinharyanto4465
    @martinharyanto4465 ปีที่แล้ว

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

  • @Nick.....
    @Nick..... ปีที่แล้ว

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

  • @RussDnB
    @RussDnB ปีที่แล้ว

    Love your format.

  • @precipire1025
    @precipire1025 ปีที่แล้ว +2

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

  • @nro337
    @nro337 ปีที่แล้ว

    incredible walkthrough!

  • @crim-son
    @crim-son ปีที่แล้ว

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

  • @KinderrKill
    @KinderrKill ปีที่แล้ว

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

  • @ArnoldsKtm
    @ArnoldsKtm ปีที่แล้ว +1

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

  • @Josh_DoesStuff
    @Josh_DoesStuff ปีที่แล้ว

    Amazing work yet again Mr. Plex

  • @mehrdadhelmi
    @mehrdadhelmi 9 หลายเดือนก่อน

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

  • @krishc.8980
    @krishc.8980 ปีที่แล้ว

    you explain this stuff so smoothly and perfectly

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

  • @Douglas-zg2qm
    @Douglas-zg2qm 2 หลายเดือนก่อน

    I love the way u break down all these things

  • @piyusharyaprakash4365
    @piyusharyaprakash4365 ปีที่แล้ว

    This guy never fails to amaze us!!

  • @kittoh_
    @kittoh_ ปีที่แล้ว

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

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

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

  • @khawarizmijefri3056
    @khawarizmijefri3056 ปีที่แล้ว +1

    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 👍

  • @MrAlexutzu007
    @MrAlexutzu007 ปีที่แล้ว

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

  • @sbksdg7019
    @sbksdg7019 ปีที่แล้ว

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

  • @bijanmondal4639
    @bijanmondal4639 ปีที่แล้ว

    I am in love with these videos ❤️

  • @AR7editing
    @AR7editing ปีที่แล้ว

    really sick as always

  • @kzenmatthias
    @kzenmatthias ปีที่แล้ว

    This is very cool. Nice editing too!

  • @lukor-tech
    @lukor-tech ปีที่แล้ว

    Solid work! Good one.

  • @itaypooO
    @itaypooO ปีที่แล้ว

    Love it! And you!

  • @coben6669
    @coben6669 10 หลายเดือนก่อน

    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

  • @ricardorien
    @ricardorien ปีที่แล้ว

    Best CSS chanel, genius.

  • @Ferno209
    @Ferno209 ปีที่แล้ว

    CODEPEN
    love your videos!

  • @valentimgarcia6179
    @valentimgarcia6179 ปีที่แล้ว

    The way that he teaches is something amazing!!

  • @manuj90
    @manuj90 ปีที่แล้ว

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

  • @tylerpetrov8094
    @tylerpetrov8094 ปีที่แล้ว

    That is insane, thanks for sharing!

  • @h-hugo
    @h-hugo ปีที่แล้ว

    Well done Sir, well done!

  • @bipinmaharjan4090
    @bipinmaharjan4090 ปีที่แล้ว

    bro you are too good at this.

  • @boatxd
    @boatxd ปีที่แล้ว

    these videos rock! keep doing you

  • @iqbalmauludy
    @iqbalmauludy ปีที่แล้ว

    Fantastic one!

  • @dinoDonga
    @dinoDonga ปีที่แล้ว +3

    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

  • @samantasunanda
    @samantasunanda ปีที่แล้ว

    This video is amazing, subscribed for more.

  • @kris10an64
    @kris10an64 ปีที่แล้ว

    Really impressive editing!

  • @funkdefied1
    @funkdefied1 ปีที่แล้ว

    Excellent discovery-based teaching