I Fired a CSS Cannon at a Famous Streamer

Рет қаралды 411,548

10 ай бұрын

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

Пікірлер: 684

@ThatMumboJumbo 10 ай бұрын

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

@WalterMan 10 ай бұрын

Woah it’s Mumbo Jumbo! Love your vids!

@sameetpatil_5 10 ай бұрын

Damn he got Mombo too!

@overexplained7416 10 ай бұрын

When my worlds collide

@asky740 10 ай бұрын

for sure you can build this with redstone

@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_ 10 ай бұрын

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

@filipkovac767 10 ай бұрын

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

@hassaanmaqsood 10 ай бұрын

Absolute Art

@ThienPowChong 10 ай бұрын

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

@AryanKumar-jo1pz 10 ай бұрын

bruh dont use my profile picture

@wbeel 10 ай бұрын

Even the 3d editing!

@rajdeepdutta1627 10 ай бұрын

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

@alex.g7317 10 ай бұрын

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

@ashishgupta2124 10 ай бұрын

Truly a fun way to learn css .

@ImNotFine44 10 ай бұрын

But learning css is already fun

@knedlikcz6517 9 ай бұрын

@@ImNotFine44 🤨

@ikoedgod 9 ай бұрын

@@knedlikcz6517 no no, he's right

@baconerie 8 ай бұрын

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

@fisch37 19 күн бұрын

@@ImNotFine44 the doctors should arrive in 15 minutes

@TheVnator 10 ай бұрын

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 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 10 ай бұрын

im on the same boat as you lmfao

@alex59292 10 ай бұрын

Same

@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 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 10 ай бұрын

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 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 10 ай бұрын

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

@Picklerage 9 ай бұрын

Big 3Blue1Brown vibes

@tomasrasimavicius1914 6 ай бұрын

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

@Goodgu3963 10 ай бұрын

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 10 ай бұрын

the crossover episode i never knew i needed

@Fabian8a 10 ай бұрын

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

@Marenthyu 10 ай бұрын

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

@corlay77 10 ай бұрын

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

@borain7210 10 ай бұрын

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

@husseinkobeisi5022 10 ай бұрын

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

@Cahnisama 10 ай бұрын

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

@darian.rosebrook 10 ай бұрын

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

@mutemoniker 9 ай бұрын

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

@Remy.L 10 ай бұрын

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

@Alanhallow 10 ай бұрын

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

@matt.5815 10 ай бұрын

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

@Harbiscus 5 ай бұрын

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

@ims1n 10 ай бұрын

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!

@Itaypoo 10 ай бұрын

love your videos man. keep doing what this thing is

@dukkcc2 10 ай бұрын

your production value is always becoming better! loved this video

@PicSta 10 ай бұрын

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.

@m.4074 9 ай бұрын

The details in your videos are amazing!

@leitto-corleone 10 ай бұрын

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

@Benwager12 10 ай бұрын

A fellow scholar in disguise!

@BlockMasterT 10 ай бұрын

If only there was a paper

@alvemaster3877 9 ай бұрын

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

@DesignFrameCaseStudies 5 ай бұрын

This was incredibly well edited and produced. Great work!

@Snowfly1 10 ай бұрын

Babe wake up, new Hyperplexed video just dropped

@DarkG7X 10 ай бұрын

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

@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 KZfaq but supporting nonetheless !

@codesteel 10 ай бұрын

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

@bfi01youtube11 10 ай бұрын

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

@zaczourbang4454 9 ай бұрын

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

@cluzi 10 ай бұрын

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

@firojpaudel 9 ай бұрын

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

@nilmalhomme5508 10 ай бұрын

those animations are just stunning omg

@DevinFraze 10 ай бұрын

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

@muzammil.0011 10 ай бұрын

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

@TheWizardsOfOz 5 ай бұрын

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

@trueberryless 10 ай бұрын

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

@maherylala2153 10 ай бұрын

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

@reggie7653 6 ай бұрын

Wow the visual representations are amazing. Sick video

@David.Lopezz 10 ай бұрын

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!

@andrwondabeat705 10 ай бұрын

Your videos somehow keep getting better and better tf

@jaxsyntax 10 ай бұрын

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

@JungzYT 6 ай бұрын

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

@bones_twisting_sorrow4750 10 ай бұрын

Every single one is a gem. Thank you.

@joelkarlsson9869 10 ай бұрын

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

@SegNode 10 ай бұрын

Incredible animations! Youre very good at explaining concepts

@abdelrahmanabboud3384 10 ай бұрын

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

@khizar_mmv 10 ай бұрын

Love your videos Great work bro ❤❤

@Polix2001 9 ай бұрын

I love u, just keep doing videos !

@Adaywithjon 6 ай бұрын

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

@ByteBeamer-zs7hs 10 ай бұрын

Love these vids!

@user-sl4vd5hu5o 10 ай бұрын

So in love with your videos

@droxxbeats4808 10 ай бұрын

love you videos!🎉 keep it up!❤

@Mr0ox 9 ай бұрын

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

@adrianbecker6438 10 ай бұрын

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

@aaryavakharia7240 10 ай бұрын

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

@darzelizam8404 Ай бұрын

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

@4uffin 10 ай бұрын

The explanation visuals were VERY good 👏

@AbyssEtc 10 ай бұрын

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

@kingalpha1174 10 ай бұрын

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

@diert 10 ай бұрын

The explanation video editing is just iconic, thanks man

@sushilsimon109 10 ай бұрын

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

@Cookies-cv3nd 9 ай бұрын

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

@Crabbagereplacement 10 ай бұрын

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

@aval6734 10 ай бұрын

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

@AaronHuffmanPerson 6 ай бұрын

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

@yaeldiez8281 10 ай бұрын

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

@PanoptesDreams 9 ай бұрын

Beautiful!

@jorgejorge8878 10 ай бұрын

This guy continues surprising me with each video

@XDBjoernXD 10 ай бұрын

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

@8koi245 10 ай бұрын

Maaan love your videos, so inspiring ~

@GarrytheIII. 10 ай бұрын

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

@danrichmond 10 ай бұрын

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

@chroma_toaster3910 2 ай бұрын

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

@1NonlyEren 10 ай бұрын

LMAO THE ENDING i love this guy allready

@joaopbeltrami 10 ай бұрын

Thank you for the great content.

@kameronkost9228 10 ай бұрын

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

@Walker32102 10 ай бұрын

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

@RuanD 5 ай бұрын

The way like sponsoring fits naturally in the video is amazing

@evangwhit 10 ай бұрын

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

@jamesthumm3823 9 ай бұрын

he accomplished them with css

@_Rerr_ 6 ай бұрын

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

@Kavaitsu 9 ай бұрын

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

@Burbie 10 ай бұрын

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

@YMilkshake 7 ай бұрын

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 10 ай бұрын

i dont expect that final

@AdamLeis 10 ай бұрын

The point: vanity projects, sizzle reels, and conference websites built by-and-for front-end developers and designers. But… but probably mostly vanity projects. Excellent content, as always!

@azeek 10 ай бұрын

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

@zackator4565 10 ай бұрын

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.