CSS tutorial, but it has to rhyme

[@Hyperplexed]

CHECK OUT APPWRITE: apwr.dev/hyperplexed50 [$50 in free Pro credits] FONT AWESOME ICONS: bit.ly/3WQHEoJ [Affiliate link] ORIGINAL EFFECT: bit.ly/3AbKjAx MY RECREATION: bit.ly/3WVlnXa Thanks for watching!!

[@Jonathan_Wen]

Too many rhymes can make our brain go inane...

[@Obedthian-UK]

I thought the title said cs

[@yoriichitsugikuni2000]

try copying something from here:- nohello.net/en/ and the animations from ASUS ROG ZEPHYRUS DUO LAPTOP SHOWCASE page

[@lightning_11]

Outstanding job!!

[@Pawlo370]

1:24

[@caseycodes]

whatever appwrite paid you, it wasn't enough.

[@RiazShageer]

here here!!!!

[@neoprint3d]

Nah appwrite is actually slept on

[@deotexh]

SO TRUE!!!

[@Appwrite]

Who, me?? 👀

[@DccToon]

@@Appwrite yes you 😎

[@aqua-bery]

Every time you do something like this i am left hyperplexed

[@rafaelschesschannel7404]

He left me hyper_perplexed

[@moritz584]

@@rafaelschesschannel7404 wow, what a coincidence that this is the creator‘s name!! Someone should make a joke about that

[@poleve5409]

​@@rafaelschesschannel7404aqua berry's joke but worse

[@NickAc]

damn that sponsor spot was fire

[@AmaroqStarwind]

But everything changed when the fire nation attacked

[@rowboat10]

his rhyming ability leaves me inspired

[@Appwrite]

I agree

[@Appwrite]

@@AmaroqStarwindfire nation who?

[@ignestr]

@@rowboat10the wordplay at hand is very admired

[@nikolabosevski1435]

One of the rare times i watched though the ad. At first i didnt even realise it was an ad, thats how good it was done

[@ego-lay_atman-bay]

The only reason I realized it was an ad immediately, was because I saw the sponsorblock skip sponsor button show up.

[@nikolabosevski1435]

@@ego-lay_atman-bay a fellow youtube premium apk enjoyer i see 😂

[@ego-lay_atman-bay]

@@nikolabosevski1435 um... I use revanced...

[@Appwrite]

@@ego-lay_atman-bayyes but did you watch??

[@ego-lay_atman-bay]

@@Appwrite yes

[@ukriu]

Here are the lyrics: [Intro] Whenever I see an effect and feel that I know it's creator is quite the real deal, I'll first try to see if I too can attain it, and then make a video to try to explain it. With one single goal, to take a complex thing and break it into pieces that aren't so perplexing. We just need a starting point, it doesn't matter where; an icon, a color, or in this case a square. [Start] The first thing it needs are a size and a border. The R, G and B would come next in the order, And I suppose we should cover how it looks when we hover. Here there's a few different things to discover, you've probably guessed that there's a transition from hidden to a more visible condition. To that I would offer one single correction, that we forgot to consider the mouse's direction. While on the way out it's slow and consistent, on the way in, the change should be *instant.* With this singular tile we've laid the foundation; Paving the way for some more explanation. [Sponser Segment] But first I'll extend you a swift invitation, And believe me, I have some good information. If you need a quick way to build applications from a database layer to authentication, I'd recommend `appwrite` with no hesitation. Their service is quite an impressive creation, What's that you hail from the `Firebase` Nation? No worries, their wizards and easy migration. From here I'll extend you my recommendation, to give them a try with a quick registration. [Start again] We've made it this far that much is clear, but somehow we still need to make our way here. Say that we wanted our grid ten by ten, we could copy our tile again and again. But I think I want the lazy solution, a function could do it with one execution. A line of code each for the tile and container, and the `for` loop here will complete the remainder. A few steps inside is all that we'll do, cloning is one and depending is two. Though a singular tile was fine before, our loop is giving us ninety-nine more. Right about now you might be discovering, each of our tiles has the same coloring. To pick out a few we'll use an inspector, then bury each one with the nth child selector. While a repeatable pattern is certainly practical, I think the randomness could be more maximal. One thing I learned is that patterns are stackable; No need to be perfect, just make sure they're passable. Now why don't we look and see what we've missed? The icons are probably topping the list. Font Awesome is usually the place that I go (affiliate link in description below). When I need a pattern, at least one that's repeatable, I'd typically say a design tool is unbeatable. But CSS backgrounds are auto repeated, so thats not the step that we need completed. We can change the size here, thats all perfectly fine. The real issue however is in how they align. Since there isn't a property to spread them apart, maybe the icon is a good place to start. See the image itself will keep its dimension. It's the icon inside that needs our attention. Now we just simply take our revision and line it back up in the proper position. What we are left with is a straightforward objective, a little rotation and an adjusted perspective. You could opt to use the original as reference, it's really just a matter of personal preference. After we add some more columns and rows, we could layer a gradient on top I suppose. But I don't really have a rhyme for the close, ehh I'll just give you a boop on the nose. *_boop_*

[@arafays]

the paragraph guy!!!

[@DatGamer56]

the boop is the best part

[@roganl]

Wouldn't you know it, we've found a code poet.

[@dratini1247]

BARZ 🔥

[@unstablecoding]

That half rhyme go crazy!!

[@TheBcoolGuy]

coet

[@_normal.boi_]

i was just about to comment that!

[@mathguy37]

haven't seen someone combine the two i can certainly say the experience is new

[@Aminsx_]

This is the first time i actually liked hearing an ad

[@Appwrite]

Same

[@anon_y_mousse]

It only makes it more perfect that the runtime is 3:14.

[@SoloElROY]

Bars 🔥🔥

[@bartolhrg7609]

τ/2

[@MutasimosDoesProgramming]

pi reference?!??

[@Unofficial2048tiles]

3:04 *|boop|*

[@MatthewElento-vv9sb]

@@bartolhrg7609 tau over 2 goes hard

[@eyalb8421]

I love your style of videos, and how you avoid making web dev tedious! I haven't seen such an innovation, since fireship brought us an explanation! I truly appreciate your creation, and hope this money gives you a bit of motivation

[@shalunu]

W comment

[@_nahwhat]

What currency is that?

[@eyalb8421]

@@_nahwhat pog money

[@_nahwhat]

@@eyalb8421 👍

[@Hnagd]

@@eyalb8421 How is it like in Israel/Palestine right now? (Yes I spent time figuring out what it is. For people who want to know, it's the Israeli new shekel ₪. Officially Israel uses it, but its unofficially used in Palestine too. Please don't make this political.)

[@socalminstrel]

Usually long-form rhyming like this tends to be really bad, as the person makes huge stretches to find a rhyme. You made it sound very natural and the flow was great. To do that in addition to explaining a cool effect is incredibly impressive!

[@sobanejaz123]

I think bro was video editing avengers movie on side hustle

[@zyansheep]

Auto skipped the ad, but then went back to watch it because I realized it would probably be rhymed

[@Appwrite]

Good 😈

[@wyndmill]

@@Appwrite aint no way

[@Appwrite]

@@wyndmill Way

[@torchy_]

@@Appwrite holy crap its appwrite

[@AndyGneiss]

@@Appwrite You have a good spokesperson here; I now hold this video quite dear. I hope your support let's them continue, and that they help you keep quite a retinue.

[@LeekTech]

Wow 😮 Dr Seuss would be proud 😂

[@DennisIvy]

I'm always blown away when I watch a Hyperplexed video 😲

[@jmg9509]

You mean to say, you're hyperplexed?

[@DennisIvy]

@@jmg9509😉

Your rhymes were smooth, and the tutorial's tight, Teaching CSS in a way that's just right. From squares to borders and transitions galore, You made complex things something to explore. The way you break it down, it's easy to see, You've got the knack for simplicity. I'll take these tips and put them to use, With your rhymes, coding's no longer obtuse! Thanks for the lesson, it's truly a gem, I'll be back for more-don't know when, but then!

[@mexomenti]

insane

[@clamentjohn]

That was the best appwrite ad ever!

[@Appwrite]

I agree

[@Nameless-hu-bro]

The only sponsor portion where I clicked on "Unskip" and enjoyed it.

[@Appwrite]

And you are better off now because of it 😉

[@CubicMathTime]

@@AppwriteNO WAY

[@MrAdarsh5]

You recommended the sponsor with no hesitation, and now it's my time to pay full attention I don't know what's going with the UI trend, but I am sure I must share this to my friend❤ Seems like you are now a writer and that's how you earned a new subscriber!

[@jaideepshekhar4621]

Great rhyme! 😂

[@doce3609]

this was so amazing that i didn't even skip the sponsored segment

[@Appwrite]

You did the right thing

[@kazuho5825]

i rarely watch through an ad, but this time i did, and it wasn’t that bad

[@RatziFatzi]

To be fair, this IS one of the most Beautiful Videos in a LONG TIME

[@bradenborman4396]

Hyperplexed, a true delight, His videos are pure dynamite. Every move sets hearts afire, His name’s the one, we all admire.

[@nemooverdrive760]

You sir are a genuine artist.

[@TheAereus]

This made me feel there's a rhyme in every sentence I heard for the following 30 minutes

[@AdamLeis]

More golden content, Whimsical finesse abounds, Masterful effects.

[@Waradu]

0:50 uff just perfect editing

[@Red6]

That is the only sponsor spot I haven't skipped in a long while.

[@beefman004]

Just got served a Scribe ad on Instagram that had such a smooth, sultry voice narrating it that I instantly recognized. It was you! Well done dude.

[@that_guy1211]

bro made even his sponsor rhyme! Bro is a full on chef!

[@aditya95sriram]

Absolutely amazing! More of this please 😊

[@basescriptnet]

As someone writing lots of code, I like how you aligned each thought, The rhyming was good, the message insane, Your lyrics won't be passing in vain. Keep it up, and go with the flow, Though I know that you won't slow, With CSS 3 I think you are native, This time you got very creative!❤

[@hameeeed5992]

Hyperplexed, i love ur videos

[@hummerfloppas]

"What's your favorite rap?" "Coding rap."

[@Light846]

Im blown away by the video and the sponsor part was so seamlessly integrated and so creative!

[@NewlineVoid]

the only sponsorship segment I have watched without skipping

[@dinoDonga]

That bit about the fontawesome link killed me. Love it

[@Transcube157_Oficial]

Man the video and the sponsor was both fire 👍

[@MustafaSakallli]

Wow, this was absolute fire I didn't know CCS is something to desire

[@RussDnB]

I have no idea how you excel at everything you put out. Even your sponsorship has me hooked.

[@tech_savvy_guy]

This has to be the best CSS video I have seen! Loved it! 🔥🔥

[@OsamaHJT]

That was the smoothest thing I've ever seen I couldn't skip a second, not even the sponsor

[@finnventor]

I love it when you rhyme

[@ego-lay_atman-bay]

I usually skip sponsors, but not when they're just interesting to watch, even if I'm not gonna buy the product.

[@Appwrite]

No need to buy, just say hello. 👋

[@harryvpn1462]

This is the best video on the site

[@pjsans]

Honestly, appwrite is super chill for letting you rhyme their ad-spot too, very chill, very chic

[@zackator4565]

I just simply can not be the only one beeing astonished by the quality in which this video is done. The writing, editing and animation show the insane level of dedication.

[@AntonioGonzalez-we4wx]

This was certainly not what I expect, but I ended quite Hyperplexed.

[@ibnurasikh]

first time ads feel very comfortable to watch without any skip ;))

[@Appwrite]

Right??

[@Appwrite]

Right?

[@shalunu]

DUUUUUDE PLEASE DO MORE OF THESE! SO FUNN!

[@Ndrici]

These videos are so fun to watch. Just wish they were longer

[@erichessonline]

I deeply respect both your code and rhyming skills...this had to have taken a crazy amount of time to make. Thanks for making me smile today 🙂

[@emanuel3617]

Advertisers, make a requirement, you must rhyme during your ad fragment, I think the style is pretty neat, I watch the ad on repeat, I listen to it and I might buy, cuz let's be honest, rhymes don't lie

[@Appwrite]

This is true

[@DanksterPaws]

Itll be nice, then itll get old

[@DanksterPaws]

Itll be nice, then itll get old

[@tobixnator9314]

Your ideas are the best

[@lightning_11]

One of the only sponsors I enjoyed watching!

[@princedest1ny]

When the wizard multiclasses into bard

[@Mateo-rl1qb]

One thing I know, Those squares have some flow. A cool creation, I might use it in an application. This vid was cool And I ain't no fool. This vid deserves a like - No matter if at home or on a hike. Now that I'm done, Go have some fun!!!

[@splience]

Wow, the rimes are amazing! I also love how you don't have any visible cuts and everything morphs so nicely into the next scene.

[@RobertWildling]

Best channel on programming. And poetry. And art. And all those combined!

[@Croissinate]

New Dr Seuss series looks great

[@SophiaWoessner]

This video is very hyperplexing

[@Peterifiedhuman]

Man is singing and teaching, let him cook

[@helloalok]

Fire video, bonkers animation, insane rhyming. Damn I'm hyperplexed.

[@ThePlainEssence]

Hyperplexed, your video’s pure delight, Editing and insights, all just right. Your skills are sharp, your style is sleek, In the KZbin realm, you're truly unique!

[@directpass2151]

This video is SO underrated

[@HMT_main]

How come every time I watch your content and you rhyme, I wonder what you came up with this time. Your videos are always so great to see, and I already wonder what next time’s gonna be…

[@tobeess]

"While on the way out it's slow and consistent, on the way in the change should be instant." 🗣🗣🗣🗣🗣🗣🗣

[@Adam-ml4ez]

Damn the rhymes and the boop made my heart melt. Keep it up man!

[@tncoder]

This is the best tutorial video I've ever seen. Well done!!!

[@LimeLiquide]

thanks for including me in thumbnail

[@Retroplanegeek]

the sponsor segment is the best part we can agree

[@NaudVanDalen]

This is one video where it's impossible to skip the sponsor, nor do I want to.

[@Jason-mk3nn]

Damn, I needed this video today. Thank you for the suggestion and the smile for the rest of the day.

[@AbdelrahmanRamadan-cp5jx]

First video in youtube history that made my WANT to watch the sponsered part !!

[@YankaZabka]

You are an amazing creator 😭

[@jewelbency5072]

The whole thing made me smile throughout

[@TamskyIsHere]

I don't know if I'm watching Hyperplexed's video, listening to Slim Shady or living in Shakespeare Every video of yours is magic in his own way, you are that good that I don't even feel bad for not being that good, I just stare and enjoy every single second of the video

[@Archangelgamer1997]

Hyperplex is really great His videos I do appreciate

[@hamzamotara4304]

Damn, you have the best ad reads.

[@bthal3813]

Your videos are really special. Im super excited every time you upload. Keep it up

[@vishalr3]

Absolutely loved this❣

[@CheeseDoges]

this is strangely amazing

[@naturelist]

A new hyperplexed video!!! My day is saved!

[@apolloangevin9743]

This stuff is so easy for this guy he has to come up with new ways to add even more flare. Amazing.

[@Mk4_20-gw2uu]

"Firebase Nation" was brilliant

[@mick001]

first sponsor ive actually watched all the way thru

[@jessenguyen3012]

The most whimsical programming creator on KZbin

[@gmdsherone586]

0:12 AAAAAAH, WINDOWS JUMPSCARE

[@unitedastronomer]

the editing in here is top tier

[@ThePrimeTimer100]

Fire bars with MC Hyperplexed on the mic

[@cubed_guy]

Slickest ad ever.

[@StarLight2400]

OMG this video is hitting the spot in my brain, always love your videos

[@danuvip]

ngl the continues rhyme hits different. Good job

[@kipchickensout]

"Sponsor skipped" NOOOO *goes back to watch sponsor*

[@Appwrite]

You did the right thing

[@maksudulhaque3227]

Man these videos are a work of art.

[@paulosalazar6472]

Fan of this channel, love it❤

[@maxjosephwheeler]

Thanks! I may never learn to code, but you make me want to try.

[@UmarHamza]

Wow, you are super talented. Made a whole tutorial and rhymed all the way through. I don't know any creator that can do that 😂

[@MichaelTeeuw]

From this point on, I require every tutorial on the web to be in rime. Subscribed!

[@rottjavel3073]

The boop on the nose part made me unreasonably happy