I Fired a CSS Cannon at a Famous Streamer

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

Hyperplexed

Hyperplexed

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
@ThatMumboJumbo 10 ай бұрын
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
@rajdeepdutta1627 10 ай бұрын
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
@ashishgupta2124 10 ай бұрын
Truly a fun way to learn css .
@ImNotFine44
@ImNotFine44 10 ай бұрын
But learning css is already fun
@knedlikcz6517
@knedlikcz6517 9 ай бұрын
@@ImNotFine44 🤨
@ikoedgod
@ikoedgod 9 ай бұрын
@@knedlikcz6517 no no, he's right
@baconerie
@baconerie 8 ай бұрын
@@ikoedgod me trying to figure out how to center a div:
@fisch37
@fisch37 19 күн бұрын
​@@ImNotFine44 the doctors should arrive in 15 minutes
@TheVnator
@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
@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
@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
@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
@nikhilispog 10 ай бұрын
The 3D animations in this are incredible, another great vid well done
@Picklerage
@Picklerage 9 ай бұрын
Big 3Blue1Brown vibes
@tomasrasimavicius1914
@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
@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
@jamieheald 10 ай бұрын
the crossover episode i never knew i needed
@Fabian8a
@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
@Marenthyu 10 ай бұрын
"And i centered it on the screen" I lost you there
@corlay77
@corlay77 10 ай бұрын
Amazing, please keep doing videos as often as you can, I love them ❤
@borain7210
@borain7210 10 ай бұрын
I don't even watch to learn, its just too enjoying to watch you videos. Keep up the good work ❤
@husseinkobeisi5022
@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
@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
@darian.rosebrook 10 ай бұрын
These are some of my favorite videos. Thanks for sharing (:
@mutemoniker
@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
@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
@Alanhallow 10 ай бұрын
These videos are helping me so much in my project. Thanks man
@matt.5815
@matt.5815 10 ай бұрын
Your best video so far, your skill in simplyfiying and explaining is insane, and the humor in this was superb
@Harbiscus
@Harbiscus 5 ай бұрын
This was the best video I've seen today. Short, sweet and easy to follow!
@ims1n
@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
@Itaypoo 10 ай бұрын
love your videos man. keep doing what this thing is
@dukkcc2
@dukkcc2 10 ай бұрын
your production value is always becoming better! loved this video
@PicSta
@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
@m.4074 9 ай бұрын
The details in your videos are amazing!
@leitto-corleone
@leitto-corleone 10 ай бұрын
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
@alvemaster3877
@alvemaster3877 9 ай бұрын
This is actually a very interesting concept you brought up in the end. It would make a page very immerseful
@DesignFrameCaseStudies
@DesignFrameCaseStudies 5 ай бұрын
This was incredibly well edited and produced. Great work!
@Snowfly1
@Snowfly1 10 ай бұрын
Babe wake up, new Hyperplexed video just dropped
@DarkG7X
@DarkG7X 10 ай бұрын
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 KZfaq but supporting nonetheless !
@codesteel
@codesteel 10 ай бұрын
I loved everything about this video. You have really stepped it up in this one, awesome work!
@bfi01youtube11
@bfi01youtube11 10 ай бұрын
Very entertaining video! They just keep getting better and better :)
@zaczourbang4454
@zaczourbang4454 9 ай бұрын
The real magic in this video is your animating on explaining how everything worked. Bravo!
@cluzi
@cluzi 10 ай бұрын
Your videos are actually so underrated. Keep up the great content!👍🏻💯
@firojpaudel
@firojpaudel 9 ай бұрын
the only reason why I subscribed you ! Thanks for motivating KING !
@nilmalhomme5508
@nilmalhomme5508 10 ай бұрын
those animations are just stunning omg
@DevinFraze
@DevinFraze 10 ай бұрын
Wow! This is the best one of these yet!!!
@muzammil.0011
@muzammil.0011 10 ай бұрын
Knowledge with a bit of comedy 😅 Love the way you explain stuff. Really Impressive 💯👏
@TheWizardsOfOz
@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
@trueberryless 10 ай бұрын
Wow. The 3D animation explanation is absolutely amazing work! Keep it going! 🎉
@maherylala2153
@maherylala2153 10 ай бұрын
The quality of these videos are leveling up real quick, keep the work man !
@reggie7653
@reggie7653 6 ай бұрын
Wow the visual representations are amazing. Sick video
@David.Lopezz
@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
@andrwondabeat705 10 ай бұрын
Your videos somehow keep getting better and better tf
@jaxsyntax
@jaxsyntax 10 ай бұрын
The production quality keeps getting better with every release. Keep up the good work :)
@JungzYT
@JungzYT 6 ай бұрын
YOINK This is awesome. Your animations to show the example were also great. Nice work
@bones_twisting_sorrow4750
@bones_twisting_sorrow4750 10 ай бұрын
Every single one is a gem. Thank you.
@joelkarlsson9869
@joelkarlsson9869 10 ай бұрын
im always stunned by the quality of your videos! I really appriciate your effort :)
@SegNode
@SegNode 10 ай бұрын
Incredible animations! Youre very good at explaining concepts
@abdelrahmanabboud3384
@abdelrahmanabboud3384 10 ай бұрын
It's good that ur video editing skills are improving gj❤
@khizar_mmv
@khizar_mmv 10 ай бұрын
Love your videos Great work bro ❤❤
@Polix2001
@Polix2001 9 ай бұрын
I love u, just keep doing videos !
@Adaywithjon
@Adaywithjon 6 ай бұрын
this is such a dope video. Job well done making CSS actually explainable to all of us!!!
@ByteBeamer-zs7hs
@ByteBeamer-zs7hs 10 ай бұрын
Love these vids!
@user-sl4vd5hu5o
@user-sl4vd5hu5o 10 ай бұрын
So in love with your videos
@droxxbeats4808
@droxxbeats4808 10 ай бұрын
love you videos!🎉 keep it up!❤
@Mr0ox
@Mr0ox 9 ай бұрын
You are so SMART! Thanks for doing a great Job!
@adrianbecker6438
@adrianbecker6438 10 ай бұрын
wow the animations in this Video are mind blowing!!!
@aaryavakharia7240
@aaryavakharia7240 10 ай бұрын
A collaboration (sort of) I never expected, great work as always
@darzelizam8404
@darzelizam8404 Ай бұрын
Love your videos, love the humor , I'm a beginner and these are truly inspiring !
@4uffin
@4uffin 10 ай бұрын
The explanation visuals were VERY good 👏
@AbyssEtc
@AbyssEtc 10 ай бұрын
Woah. somebody took a premiere course. exceptional video as per usual but the editing is a step up. cheers
@kingalpha1174
@kingalpha1174 10 ай бұрын
The editing, animation and narration are simply just off the charts, very amusing.
@diert
@diert 10 ай бұрын
The explanation video editing is just iconic, thanks man
@sushilsimon109
@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
@Cookies-cv3nd 9 ай бұрын
This guy is so underrated, great skills, amazing humor and actually have a good narrative voice !!
@Crabbagereplacement
@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
@aval6734 10 ай бұрын
This channel makes me fall in love with css. Truly amazing
@AaronHuffmanPerson
@AaronHuffmanPerson 6 ай бұрын
I like the idea, it gives good practice and adds tools to the toolbelt
@yaeldiez8281
@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
@PanoptesDreams 9 ай бұрын
Beautiful!
@jorgejorge8878
@jorgejorge8878 10 ай бұрын
This guy continues surprising me with each video
@XDBjoernXD
@XDBjoernXD 10 ай бұрын
I love the full thought process and envy your proficiency :)
@8koi245
@8koi245 10 ай бұрын
Maaan love your videos, so inspiring ~
@GarrytheIII.
@GarrytheIII. 10 ай бұрын
This is a level of profundity and goofiness at the same time, that only Hyperplexed can achieve.
@danrichmond
@danrichmond 10 ай бұрын
Bruh, I love your videos! Love from across the Tube
@chroma_toaster3910
@chroma_toaster3910 2 ай бұрын
I've been learning CSS this past year, and i genuinely enjoyed this video because I got to understand it
@1NonlyEren
@1NonlyEren 10 ай бұрын
LMAO THE ENDING i love this guy allready
@joaopbeltrami
@joaopbeltrami 10 ай бұрын
Thank you for the great content.
@kameronkost9228
@kameronkost9228 10 ай бұрын
1st video KZfaq has recommended to me of your and it was awesome!! Sub
@Walker32102
@Walker32102 10 ай бұрын
Man, your videos just make me keep going. The humour, the talent, the ideas…
@RuanD
@RuanD 5 ай бұрын
The way like sponsoring fits naturally in the video is amazing
@evangwhit
@evangwhit 10 ай бұрын
The 3D animations are incredible, this is some insane quality stuff
@jamesthumm3823
@jamesthumm3823 9 ай бұрын
he accomplished them with css
@_Rerr_
@_Rerr_ 6 ай бұрын
What 3D? 😏 But yeah great 3D animations for the video
@Kavaitsu
@Kavaitsu 9 ай бұрын
What an immaculate form of fashion to portray such ideas into a thoroughly done video form. This is art!
@Burbie
@Burbie 10 ай бұрын
the 3d animation was so good this video was so good
@YMilkshake
@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
@darlonhenrisouza8555 10 ай бұрын
i dont expect that final
@AdamLeis
@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
@azeek 10 ай бұрын
Woooow, the video quality is increasing dramatically, good job dude.
@zackator4565
@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.
@carlor6913
@carlor6913 10 ай бұрын
Great video you are making css fun
@lilrex2015
@lilrex2015 10 ай бұрын
I would love to see a vide on how you made this video. The animations were really well done, very captain disillusion
@PlayerPtuga
@PlayerPtuga 10 ай бұрын
Amazing editing :0
@mobunDEV
@mobunDEV 9 ай бұрын
Love it! :D
@morosov4595
@morosov4595 10 ай бұрын
I was extremely surprised when I saw there is no JavaScript code for this needed. This is why HTML+CSS is turing complete. Well done!
@ug1131
@ug1131 10 ай бұрын
What a great way to start the day🤯❤️‍🔥
@m00str
@m00str 10 ай бұрын
I wish your videos were a bit longer. Great humor and nice code as always
@Shikigami_Wrld999
@Shikigami_Wrld999 10 ай бұрын
That's cool editing
@Foxxy_was_taken
@Foxxy_was_taken 10 ай бұрын
love this guy
If Programming Tutorials Were Super Dramatic
2:42
Hyperplexed
Рет қаралды 277 М.
I Redesigned Popular Websites (Costco & Domino's)
6:31
Hyperplexed
Рет қаралды 447 М.
DELETE TOXICITY = 5 LEGENDARY STARR DROPS!
02:20
Brawl Stars
Рет қаралды 21 МЛН
It's time to talk about these UI trends
9:09
Juxtopposed
Рет қаралды 465 М.
Building The Extraordinary Using Only The Ordinary
6:37
Hyperplexed
Рет қаралды 323 М.
I Redesigned Popular Websites (Rotten Tomatoes & Craigslist)
7:56
Hyperplexed
Рет қаралды 256 М.
Reviewing your React Code: Episode #3
14:27
Youssef Benlemlih
Рет қаралды 2,2 М.
How JavaScript Ruined the Web
15:02
Eric Murphy
Рет қаралды 110 М.
I Gave a Website Logo Superpowers
5:47
Hyperplexed
Рет қаралды 243 М.
The rarest move in chess
17:01
Paralogical
Рет қаралды 1,1 МЛН
The Game That Hacks Your Brain
24:43
camwing
Рет қаралды 442 М.
I Tricked the Internet with an AI Rapper
26:37
yikes
Рет қаралды 2,6 МЛН
True parallax with CSS-only is now possible
17:32
Kevin Powell
Рет қаралды 220 М.
DELETE TOXICITY = 5 LEGENDARY STARR DROPS!
02:20
Brawl Stars
Рет қаралды 21 МЛН