I Fired a CSS Cannon at a Famous Streamer

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

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

Пікірлер: 683
@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 9 ай бұрын
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 16 күн бұрын
​@@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 9 ай бұрын
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 9 ай бұрын
​@@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 9 ай бұрын
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 6 ай бұрын
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
@Snowfly1
@Snowfly1 10 ай бұрын
Babe wake up, new Hyperplexed video just dropped
@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!!!
@husseinkobeisi5022
@husseinkobeisi5022 9 ай бұрын
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
@corlay77
@corlay77 10 ай бұрын
Amazing, please keep doing videos as often as you can, I love them ❤
@Marenthyu
@Marenthyu 9 ай бұрын
"And i centered it on the screen" I lost you there
@Cahnisama
@Cahnisama 10 ай бұрын
I love how watching your videos takes me to a journey. And I still learn and get inspired in the process.
@borain7210
@borain7210 10 ай бұрын
I don't even watch to learn, its just too enjoying to watch you videos. Keep up the good work ❤
@darian.rosebrook
@darian.rosebrook 10 ай бұрын
These are some of my favorite videos. Thanks for sharing (:
@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
@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
@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.
@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.
@ims1n
@ims1n 9 ай бұрын
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!
@alvemaster3877
@alvemaster3877 9 ай бұрын
This is actually a very interesting concept you brought up in the end. It would make a page very immerseful
@dukkcc2
@dukkcc2 10 ай бұрын
your production value is always becoming better! loved this video
@Itaypoo
@Itaypoo 10 ай бұрын
love your videos man. keep doing what this thing is
@Harbiscus
@Harbiscus 5 ай бұрын
This was the best video I've seen today. Short, sweet and easy to follow!
@m.4074
@m.4074 9 ай бұрын
The details in your videos are amazing!
@cluzi
@cluzi 10 ай бұрын
Your videos are actually so underrated. Keep up the great content!👍🏻💯
@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!
@DesignFrameCaseStudies
@DesignFrameCaseStudies 5 ай бұрын
This was incredibly well edited and produced. Great work!
@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
@maherylala2153
@maherylala2153 10 ай бұрын
The quality of these videos are leveling up real quick, keep the work man !
@nilmalhomme5508
@nilmalhomme5508 10 ай бұрын
those animations are just stunning omg
@SegNode
@SegNode 10 ай бұрын
Incredible animations! Youre very good at explaining concepts
@trueberryless
@trueberryless 10 ай бұрын
Wow. The 3D animation explanation is absolutely amazing work! Keep it going! 🎉
@jaxsyntax
@jaxsyntax 10 ай бұрын
The production quality keeps getting better with every release. Keep up the good work :)
@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 !
@David.Lopezz
@David.Lopezz 9 ай бұрын
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!
@joelkarlsson9869
@joelkarlsson9869 10 ай бұрын
im always stunned by the quality of your videos! I really appriciate your effort :)
@firojpaudel
@firojpaudel 9 ай бұрын
the only reason why I subscribed you ! Thanks for motivating KING !
@JungzYT
@JungzYT 6 ай бұрын
YOINK This is awesome. Your animations to show the example were also great. Nice work
@aaryavakharia7240
@aaryavakharia7240 10 ай бұрын
A collaboration (sort of) I never expected, great work as always
@AbyssEtc
@AbyssEtc 10 ай бұрын
Woah. somebody took a premiere course. exceptional video as per usual but the editing is a step up. cheers
@reggie7653
@reggie7653 6 ай бұрын
Wow the visual representations are amazing. Sick video
@DevinFraze
@DevinFraze 10 ай бұрын
Wow! This is the best one of these yet!!!
@andrwondabeat705
@andrwondabeat705 10 ай бұрын
Your videos somehow keep getting better and better tf
@bones_twisting_sorrow4750
@bones_twisting_sorrow4750 10 ай бұрын
Every single one is a gem. Thank you.
@khizar_mmv
@khizar_mmv 10 ай бұрын
Love your videos Great work bro ❤❤
@muzammil.0011
@muzammil.0011 10 ай бұрын
Knowledge with a bit of comedy 😅 Love the way you explain stuff. Really Impressive 💯👏
@abdelrahmanabboud3384
@abdelrahmanabboud3384 10 ай бұрын
It's good that ur video editing skills are improving gj❤
@Adaywithjon
@Adaywithjon 6 ай бұрын
this is such a dope video. Job well done making CSS actually explainable to all of us!!!
@XDBjoernXD
@XDBjoernXD 10 ай бұрын
I love the full thought process and envy your proficiency :)
@darzelizam8404
@darzelizam8404 Ай бұрын
Love your videos, love the humor , I'm a beginner and these are truly inspiring !
@diert
@diert 10 ай бұрын
The explanation video editing is just iconic, thanks man
@Cookies-cv3nd
@Cookies-cv3nd 9 ай бұрын
This guy is so underrated, great skills, amazing humor and actually have a good narrative voice !!
@adrianbecker6438
@adrianbecker6438 10 ай бұрын
wow the animations in this Video are mind blowing!!!
@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!!!!
@ByteBeamer-zs7hs
@ByteBeamer-zs7hs 10 ай бұрын
Love these vids!
@user-sl4vd5hu5o
@user-sl4vd5hu5o 10 ай бұрын
So in love with your videos
@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. 🤓
@Mr0ox
@Mr0ox 9 ай бұрын
You are so SMART! Thanks for doing a great Job!
@Kavaitsu
@Kavaitsu 9 ай бұрын
What an immaculate form of fashion to portray such ideas into a thoroughly done video form. This is art!
@kingalpha1174
@kingalpha1174 10 ай бұрын
The editing, animation and narration are simply just off the charts, very amusing.
@droxxbeats4808
@droxxbeats4808 10 ай бұрын
love you videos!🎉 keep it up!❤
@4uffin
@4uffin 10 ай бұрын
The explanation visuals were VERY good 👏
@Polix2001
@Polix2001 9 ай бұрын
I love u, just keep doing videos !
@8koi245
@8koi245 10 ай бұрын
Maaan love your videos, so inspiring ~
@jorgejorge8878
@jorgejorge8878 10 ай бұрын
This guy continues surprising me with each video
@AaronHuffmanPerson
@AaronHuffmanPerson 6 ай бұрын
I like the idea, it gives good practice and adds tools to the toolbelt
@Walker32102
@Walker32102 10 ай бұрын
Man, your videos just make me keep going. The humour, the talent, the ideas…
@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
@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.
@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
@aval6734
@aval6734 9 ай бұрын
This channel makes me fall in love with css. Truly amazing
@m00str
@m00str 10 ай бұрын
I wish your videos were a bit longer. Great humor and nice code as always
@kameronkost9228
@kameronkost9228 9 ай бұрын
1st video KZfaq has recommended to me of your and it was awesome!! Sub
@danrichmond
@danrichmond 10 ай бұрын
Bruh, I love your videos! Love from across the Tube
@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
@Burbie
@Burbie 9 ай бұрын
the 3d animation was so good this video was so good
@yaeldiez8281
@yaeldiez8281 9 ай бұрын
The way that this guy combine creativity, video edit and progresses from nothing to 100% through a step-by-step process is just amazing
@GarrytheIII.
@GarrytheIII. 10 ай бұрын
This is a level of profundity and goofiness at the same time, that only Hyperplexed can achieve.
@leifn
@leifn 10 ай бұрын
You should make a video on how you make videos. The effects are amazing and i have seen a few keyframes in my life!
@azeek
@azeek 10 ай бұрын
Woooow, the video quality is increasing dramatically, good job dude.
@RuanD
@RuanD 5 ай бұрын
The way like sponsoring fits naturally in the video is amazing
@joaopbeltrami
@joaopbeltrami 10 ай бұрын
Thank you for the great content.
@PanoptesDreams
@PanoptesDreams 9 ай бұрын
Beautiful!
@Mrdavaidavai
@Mrdavaidavai 10 ай бұрын
Good explanation. You should make a course about CSS or JavaScript. I would totally watch it.
@mrmacneil
@mrmacneil 10 ай бұрын
I know so very little about programming but I would 100% watch a million videos like this.
@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!
@user-df2wt5fw9s
@user-df2wt5fw9s 3 ай бұрын
I don't think I have seen any sleeker video editing skills. Conveys the information in such an artistic way. I need to learn this
@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
@darlonhenrisouza8555
@darlonhenrisouza8555 10 ай бұрын
i dont expect that final
@imomuganda
@imomuganda 10 ай бұрын
Forget the incredible dev skills. The video editing on this channel is amazing. So much talent in one man. Incredible.
@TheFinalMB
@TheFinalMB 9 ай бұрын
Hover effect, a Draggable item effect, or a selected item effect (say when editing a layout of images for an Instagram clone, that kinda thing) were definitely my first thought seeing it. Can’t wait to try it out myself :):):) Dope video! Love it!!
@MrCornDK
@MrCornDK 10 ай бұрын
This is one of the best channels. No doubt!
@GuitarSlayer136
@GuitarSlayer136 10 ай бұрын
1 the presentation is far more impressive than the actual CSS and I'm here for it. 2 this has inspired me to make it myself to test my own method.
If Programming Tutorials Were Super Dramatic
2:42
Hyperplexed
Рет қаралды 277 М.
I Gave a Website Logo Superpowers
5:47
Hyperplexed
Рет қаралды 243 М.
Backstage 🤫 tutorial #elsarca #tiktok
00:13
Elsa Arca
Рет қаралды 41 МЛН
World’s Deadliest Obstacle Course!
28:25
MrBeast
Рет қаралды 78 МЛН
$10,000 Every Day You Survive In The Wilderness
26:44
MrBeast
Рет қаралды 138 МЛН
I Redesigned Popular Websites (Rotten Tomatoes & Craigslist)
7:56
Hyperplexed
Рет қаралды 256 М.
Building The Extraordinary Using Only The Ordinary
6:37
Hyperplexed
Рет қаралды 323 М.
100 Years of Fictional UI - Were They ALL Wrong?
11:17
Juxtopposed
Рет қаралды 142 М.
Why is Amazon's UI SO UGLY?!
8:27
It's UX girl
Рет қаралды 194
The Metaverse could be a problem.
18:13
Mrwhosetheboss
Рет қаралды 4,7 МЛН
Everyone is mad at Mojang ... for the 1000th time.
9:12
Phoenix SC
Рет қаралды 1,1 МЛН
Unravelling the Magic behind Polyrhythms
17:49
Hyperplexed
Рет қаралды 209 М.
I Redesigned Popular Websites (Quora & Steam)
6:25
Hyperplexed
Рет қаралды 319 М.
It's time to talk about these UI trends
9:09
Juxtopposed
Рет қаралды 464 М.
I Redesigned Popular Websites (Costco & Domino's)
6:31
Hyperplexed
Рет қаралды 447 М.
Backstage 🤫 tutorial #elsarca #tiktok
00:13
Elsa Arca
Рет қаралды 41 МЛН