I Fired a CSS Cannon at a Famous Streamer

Watch as I show you how I fired a metaphorical CSS Cannon at Ludwig. By this I mean that I recreated an effect from his video using CSS.
Merch: bit.ly/HyperplexedStore
Support the channel: bit.ly/SupportHyperplexed
Tools used: HTML, CSS, JavaScript
CodePen: bit.ly/CodePenLudwigVideoEffect
Ludwig video timestamp: bit.ly/LudwigVideoEffectTimes...
Music Licensed by Artlist:
Ikoliks - In the Kitchen of the Mountain King
Maya Belsitzman & Matan Ephrat - Chaplin - Scene 2
Nsee - Frozen Lake

Пікірлер: 685

  • @ThatMumboJumbo
    @ThatMumboJumbo10 ай бұрын

    I don't even program and I'm not sure why I'm here but I highly enjoyed this.

  • @WalterMan

    @WalterMan

    10 ай бұрын

    Woah it’s Mumbo Jumbo! Love your vids!

  • @sameetpatil_5

    @sameetpatil_5

    10 ай бұрын

    Damn he got Mombo too!

  • @overexplained7416

    @overexplained7416

    10 ай бұрын

    When my worlds collide

  • @asky740

    @asky740

    10 ай бұрын

    for sure you can build this with redstone

  • @Octopixel40

    @Octopixel40

    10 ай бұрын

    css isn't really programming, it's just a language to make html look pretty and there isn't logic like in normal programming

  • @nathanoy_
    @nathanoy_10 ай бұрын

    This video is incredible. From the design to the conveyed information to the humor. This is art

  • @filipkovac767

    @filipkovac767

    10 ай бұрын

    I was thinking exactly the same throughout the whole video. Just pure excellence.

  • @hassaanmaqsood

    @hassaanmaqsood

    10 ай бұрын

    Absolute Art

  • @ThienPowChong

    @ThienPowChong

    10 ай бұрын

    he made Fireship channel looks amature. i love both btw... don't shoot me.

  • @AryanKumar-jo1pz

    @AryanKumar-jo1pz

    10 ай бұрын

    bruh dont use my profile picture

  • @wbeel

    @wbeel

    10 ай бұрын

    Even the 3d editing!

  • @rajdeepdutta1627
    @rajdeepdutta162710 ай бұрын

    This man don't just do random stuff, he hunts them down.

  • @alex.g7317

    @alex.g7317

    10 ай бұрын

    Lol, I can see this becoming a comment that everyone copies! That’s how you know it’s good! 👍

  • @ashishgupta2124
    @ashishgupta212410 ай бұрын

    Truly a fun way to learn css .

  • @ImNotFine44

    @ImNotFine44

    10 ай бұрын

    But learning css is already fun

  • @knedlikcz6517

    @knedlikcz6517

    10 ай бұрын

    @@ImNotFine44 🤨

  • @ikoedgod

    @ikoedgod

    10 ай бұрын

    @@knedlikcz6517 no no, he's right

  • @baconerie

    @baconerie

    9 ай бұрын

    @@ikoedgod me trying to figure out how to center a div:

  • @fisch37

    @fisch37

    Ай бұрын

    ​@@ImNotFine44 the doctors should arrive in 15 minutes

  • @TheVnator
    @TheVnator10 ай бұрын

    As a back-end dev who has always been put off by front end, your videos make me want to pick up some CSS just to make something cool like this! So thank you for the inspiration!

  • @charlesm.2604

    @charlesm.2604

    10 ай бұрын

    Right, he doesn't teach design he walks us through the thought process behind how engineering these designs breaks down, the best way to explain these kinds of stuff to backend nerds like us.

  • @varram3488

    @varram3488

    10 ай бұрын

    im on the same boat as you lmfao

  • @alex59292

    @alex59292

    10 ай бұрын

    Same

  • @theRPGmaster

    @theRPGmaster

    10 ай бұрын

    Same here, it always seemed so finicky to me. Attention to detail in backend systems is important, obviously, but UI, it seems we take it for granted. I blame the tools.

  • @sircalvin

    @sircalvin

    10 ай бұрын

    ​@@theRPGmasterthe big thing for me is the lack of numbers. systems can run faster/more accurately/some other "better" while design is emotional and subjective. you cant get a number out of it until you have a large enough userbase that you can a/b test or similar the other issue is that programmers would be totally fine with a website just being a massive list with a fuzzy find search bar at the top

  • @nikolabosevski1435
    @nikolabosevski143510 ай бұрын

    Not only are your front end skills immaculate, the video editing is insane as well. The way you edited the cards so we see them from up top and every animation in beetween is just so good.

  • @thecatontheceiling

    @thecatontheceiling

    7 ай бұрын

    his editing software supports adding in JavaScript to add animations and stuff so I'm guessing that's how he's doing it

  • @nikhilispog
    @nikhilispog10 ай бұрын

    The 3D animations in this are incredible, another great vid well done

  • @Picklerage

    @Picklerage

    10 ай бұрын

    Big 3Blue1Brown vibes

  • @tomasrasimavicius1914

    @tomasrasimavicius1914

    7 ай бұрын

    Yeah, and I love how much more complicated they are compared to the animation that the video is focused on replicating :dd

  • @Goodgu3963
    @Goodgu396310 ай бұрын

    I started watching you a bit less than 9 months ago. Every video you have uploaded has leaped in quality. This video was absolutely fantastic, from the editing to the humor to the information to the music. Amazing as always!

  • @jamieheald
    @jamieheald10 ай бұрын

    the crossover episode i never knew i needed

  • @Fabian8a
    @Fabian8a10 ай бұрын

    This is hands down one of the best videos I've seen on the platform, unbelievable quality fitted in such a short time frame

  • @borain7210
    @borain721010 ай бұрын

    I don't even watch to learn, its just too enjoying to watch you videos. Keep up the good work ❤

  • @corlay77
    @corlay7710 ай бұрын

    Amazing, please keep doing videos as often as you can, I love them ❤

  • @Alanhallow
    @Alanhallow10 ай бұрын

    These videos are helping me so much in my project. Thanks man

  • @darian.rosebrook
    @darian.rosebrook10 ай бұрын

    These are some of my favorite videos. Thanks for sharing (:

  • @Cahnisama
    @Cahnisama10 ай бұрын

    I love how watching your videos takes me to a journey. And I still learn and get inspired in the process.

  • @Harbiscus
    @Harbiscus5 ай бұрын

    This was the best video I've seen today. Short, sweet and easy to follow!

  • @Remy.L
    @Remy.L10 ай бұрын

    Your best video so far ! It was so fun to watch, and the knowledge you can learn by just watching it... damn, so good !

  • @mutemoniker
    @mutemoniker10 ай бұрын

    WOW, I am so impressed by your ability to translate how typical programming decisions get made, and the complex 3D models you have in your head to solve it all. Fantastic video and animations!!!

  • @Itaypoo
    @Itaypoo10 ай бұрын

    love your videos man. keep doing what this thing is

  • @husseinkobeisi5022
    @husseinkobeisi502210 ай бұрын

    I love how your videos are starting to become more and more dummy friendly, the effort to make them more digestible really shows. Yet even though they're more educational they're just as fun as always if not more

  • @matt.5815
    @matt.581510 ай бұрын

    Your best video so far, your skill in simplyfiying and explaining is insane, and the humor in this was superb

  • @m.4074
    @m.407410 ай бұрын

    The details in your videos are amazing!

  • @DevinFraze
    @DevinFraze10 ай бұрын

    Wow! This is the best one of these yet!!!

  • @dukkcc2
    @dukkcc210 ай бұрын

    your production value is always becoming better! loved this video

  • @nilmalhomme5508
    @nilmalhomme550810 ай бұрын

    those animations are just stunning omg

  • @bfi01youtube11
    @bfi01youtube1110 ай бұрын

    Very entertaining video! They just keep getting better and better :)

  • @leitto-corleone
    @leitto-corleone10 ай бұрын

    What a time to be alive inline with such god tier content

  • @Benwager12

    @Benwager12

    10 ай бұрын

    A fellow scholar in disguise!

  • @BlockMasterT

    @BlockMasterT

    10 ай бұрын

    If only there was a paper

  • @DarkG7X
    @DarkG7X10 ай бұрын

    As a subscriber to both this is not a crossover I was expecting

  • @charlesm.2604

    @charlesm.2604

    10 ай бұрын

    I started watching Ludwig during among us phase, right before the subathon so it was crazy to see everything unfolds and how successful he has become over the years. I kinda been watching on the sidelines since his move to KZread but supporting nonetheless !

  • @zaczourbang4454
    @zaczourbang445410 ай бұрын

    The real magic in this video is your animating on explaining how everything worked. Bravo!

  • @cluzi
    @cluzi10 ай бұрын

    Your videos are actually so underrated. Keep up the great content!👍🏻💯

  • @PicSta
    @PicSta10 ай бұрын

    I'm always impressed by your videos. The way you explain, analyze and re-create ideas and effects is amazing. They all have got a “Wow Effect”. Like What the F… 😄 Keep up the good work and have a nice weekend.

  • @ims1n
    @ims1n10 ай бұрын

    This whole video was so impressive. I think the editing was nice, but more importantly I think the storytelling was super amazing. How you got across clearly so much about programming and managed to make it so interesting. While also retaining such a short runtime. Great job!

  • @bones_twisting_sorrow4750
    @bones_twisting_sorrow475010 ай бұрын

    Every single one is a gem. Thank you.

  • @codesteel
    @codesteel10 ай бұрын

    I loved everything about this video. You have really stepped it up in this one, awesome work!

  • @andrwondabeat705
    @andrwondabeat70510 ай бұрын

    Your videos somehow keep getting better and better tf

  • @user-sl4vd5hu5o
    @user-sl4vd5hu5o10 ай бұрын

    So in love with your videos

  • @ByteBeamer-zs7hs
    @ByteBeamer-zs7hs10 ай бұрын

    Love these vids!

  • @droxxbeats4808
    @droxxbeats480810 ай бұрын

    love you videos!🎉 keep it up!❤

  • @firojpaudel
    @firojpaudel10 ай бұрын

    the only reason why I subscribed you ! Thanks for motivating KING !

  • @khizar_mmv
    @khizar_mmv10 ай бұрын

    Love your videos Great work bro ❤❤

  • @Polix2001
    @Polix200110 ай бұрын

    I love u, just keep doing videos !

  • @reggie7653
    @reggie76536 ай бұрын

    Wow the visual representations are amazing. Sick video

  • @alvemaster3877
    @alvemaster387710 ай бұрын

    This is actually a very interesting concept you brought up in the end. It would make a page very immerseful

  • @Marenthyu
    @Marenthyu10 ай бұрын

    "And i centered it on the screen" I lost you there

  • @muzammil.0011
    @muzammil.001110 ай бұрын

    Knowledge with a bit of comedy 😅 Love the way you explain stuff. Really Impressive 💯👏

  • @jaxsyntax
    @jaxsyntax10 ай бұрын

    The production quality keeps getting better with every release. Keep up the good work :)

  • @maherylala2153
    @maherylala215310 ай бұрын

    The quality of these videos are leveling up real quick, keep the work man !

  • @SegNode
    @SegNode10 ай бұрын

    Incredible animations! Youre very good at explaining concepts

  • @trueberryless
    @trueberryless10 ай бұрын

    Wow. The 3D animation explanation is absolutely amazing work! Keep it going! 🎉

  • @abdelrahmanabboud3384
    @abdelrahmanabboud338410 ай бұрын

    It's good that ur video editing skills are improving gj❤

  • @David.Lopezz
    @David.Lopezz10 ай бұрын

    The amount of work you put in the video animation to show how you animate an image with CSS is crazy!! I really respect your work! Keep it going!

  • @PanoptesDreams
    @PanoptesDreams10 ай бұрын

    Beautiful!

  • @joelkarlsson9869
    @joelkarlsson986910 ай бұрын

    im always stunned by the quality of your videos! I really appriciate your effort :)

  • @Adaywithjon
    @Adaywithjon7 ай бұрын

    this is such a dope video. Job well done making CSS actually explainable to all of us!!!

  • @darzelizam8404
    @darzelizam84042 ай бұрын

    Love your videos, love the humor , I'm a beginner and these are truly inspiring !

  • @Mr0ox
    @Mr0ox10 ай бұрын

    You are so SMART! Thanks for doing a great Job!

  • @4uffin
    @4uffin10 ай бұрын

    The explanation visuals were VERY good 👏

  • @DesignFrameCaseStudies
    @DesignFrameCaseStudies6 ай бұрын

    This was incredibly well edited and produced. Great work!

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

    YOINK This is awesome. Your animations to show the example were also great. Nice work

  • @joaopbeltrami
    @joaopbeltrami10 ай бұрын

    Thank you for the great content.

  • @adrianbecker6438
    @adrianbecker643810 ай бұрын

    wow the animations in this Video are mind blowing!!!

  • @TheWizardsOfOz
    @TheWizardsOfOz6 ай бұрын

    I always imagined it was the separate images on separate sides, it being one stretched image wouldn't even come to mind.

  • @aval6734
    @aval673410 ай бұрын

    This channel makes me fall in love with css. Truly amazing

  • @AaronHuffmanPerson
    @AaronHuffmanPerson6 ай бұрын

    I like the idea, it gives good practice and adds tools to the toolbelt

  • @Snowfly1
    @Snowfly110 ай бұрын

    Babe wake up, new Hyperplexed video just dropped

  • @danrichmond
    @danrichmond10 ай бұрын

    Bruh, I love your videos! Love from across the Tube

  • @diert
    @diert10 ай бұрын

    The explanation video editing is just iconic, thanks man

  • @aaryavakharia7240
    @aaryavakharia724010 ай бұрын

    A collaboration (sort of) I never expected, great work as always

  • @sushilsimon109
    @sushilsimon10910 ай бұрын

    Truly an enjoyable video...Hyperplexed is one of the rare channels on youtube where it's not just about programming, its ENTERTAINMENT!!!!

  • @Cookies-cv3nd
    @Cookies-cv3nd9 ай бұрын

    This guy is so underrated, great skills, amazing humor and actually have a good narrative voice !!

  • @AbyssEtc
    @AbyssEtc10 ай бұрын

    Woah. somebody took a premiere course. exceptional video as per usual but the editing is a step up. cheers

  • @8koi245
    @8koi24510 ай бұрын

    Maaan love your videos, so inspiring ~

  • @XDBjoernXD
    @XDBjoernXD10 ай бұрын

    I love the full thought process and envy your proficiency :)

  • @kingalpha1174
    @kingalpha117410 ай бұрын

    The editing, animation and narration are simply just off the charts, very amusing.

  • @Walker32102
    @Walker3210210 ай бұрын

    Man, your videos just make me keep going. The humour, the talent, the ideas…

  • @Crabbagereplacement
    @Crabbagereplacement10 ай бұрын

    The reason it would be useful on a website is because more eye catching things such as cool effects might be interesting to viewers causing them to learn more about what they were hovering on, if this was used to catch the eyes of viewers to buy something, it would be more effective then a flat image without an effect. This can cause an increase in clicks. Your welcome. 🤓

  • @zopenzop2225
    @zopenzop222510 ай бұрын

    Hyperplexed videos are just top tier

  • @carlor6913
    @carlor691310 ай бұрын

    Great video you are making css fun

  • @PlayerPtuga
    @PlayerPtuga10 ай бұрын

    Amazing editing :0

  • @ug1131
    @ug113110 ай бұрын

    What a great way to start the day🤯❤️‍🔥

  • @chroma_toaster3910
    @chroma_toaster39103 ай бұрын

    I've been learning CSS this past year, and i genuinely enjoyed this video because I got to understand it

  • @Burbie
    @Burbie10 ай бұрын

    the 3d animation was so good this video was so good

  • @RuanD
    @RuanD5 ай бұрын

    The way like sponsoring fits naturally in the video is amazing

  • @kameronkost9228
    @kameronkost922810 ай бұрын

    1st video KZread has recommended to me of your and it was awesome!! Sub

  • @mobunDEV
    @mobunDEV10 ай бұрын

    Love it! :D

  • @jorgejorge8878
    @jorgejorge887810 ай бұрын

    This guy continues surprising me with each video

  • @Kavaitsu
    @Kavaitsu10 ай бұрын

    What an immaculate form of fashion to portray such ideas into a thoroughly done video form. This is art!

  • @kiraqueenyt5161
    @kiraqueenyt51617 ай бұрын

    I am so happy I found your channel 😍

  • @tareq4322
    @tareq432210 ай бұрын

    best video yet

  • @evangwhit
    @evangwhit10 ай бұрын

    The 3D animations are incredible, this is some insane quality stuff

  • @jamesthumm3823

    @jamesthumm3823

    10 ай бұрын

    he accomplished them with css

  • @_Rerr_

    @_Rerr_

    6 ай бұрын

    What 3D? 😏 But yeah great 3D animations for the video

  • @pilotreaux
    @pilotreaux10 ай бұрын

    This might be your best video

  • @yaeldiez8281
    @yaeldiez828110 ай бұрын

    The way that this guy combine creativity, video edit and progresses from nothing to 100% through a step-by-step process is just amazing

  • @m00str
    @m00str10 ай бұрын

    I wish your videos were a bit longer. Great humor and nice code as always

  • @azeek
    @azeek10 ай бұрын

    Woooow, the video quality is increasing dramatically, good job dude.

  • @YMilkshake
    @YMilkshake7 ай бұрын

    I like how the visuals you made to showcase your process of making the effect in CSS is way more complicated than actually making the effect in CSS

  • @darlonhenrisouza8555
    @darlonhenrisouza855510 ай бұрын

    i dont expect that final

  • @Shikigami_Wrld999
    @Shikigami_Wrld99910 ай бұрын

    That's cool editing

  • @zackator4565
    @zackator456510 ай бұрын

    I did not no i was looking for this content. But the fascination of this effect was defenitely conveyed in an elegant and playful manner. This opened up the video even for non programmers. Well done.

  • @GarrytheIII.
    @GarrytheIII.10 ай бұрын

    This is a level of profundity and goofiness at the same time, that only Hyperplexed can achieve.

  • @Foxxy_was_taken
    @Foxxy_was_taken10 ай бұрын

    love this guy