I tried Blurring things in Quirky ways

Let's talk about 10 different levels of blurring (Gaussian blur) in design and code.

// Find all the codes in this CodePen collection:

// ✨ Let's connect:

// Helpful resources:

Thanks for watching!
———

#uidesign #blur #gaussian

Timestamps:
00:00 Blur History
01:57 Level 1
02:18 Level 2: Backdrop Blur
02:45 Level 3: Gradient Blur
03:19 Level 4: Shadows
03:56 Level 5: Clip-path
05:24 Level 6: SVGs
06:39 Level 7: Shaders
07:31 Level 8: Shader Effects
07:56 Level 9: Animation
08:29 Level 10: ?

// My fav products:

(if you need any of these products and want to support the channel, you can use my affiliate links above. I may earn a commission at no extra cost to you. win-win!)

[mikhalpalych]

As a front end dev, i can say this is just jawdropping. I didn't even know about some of listed things

[TheRyDesigns]

The way you present web design in such a simple format hits my designer brain in all the right spots, these videos rock! keep creating awesome stuff! thank you!

[rahiqueosman]

Im amazed how much information this small video has without being boring.
Basically you did a crash course on modern web design.
loved it

[greatape]

Only Juxtopposed can make the concept of blurring so clear, another banger in the books

[advaitbhore]

OH MY GODDD... I've been searching that linear gradient effect for AGES, AGES I tell you !!
and I found it in this video while randomly scrolling through youtube. I feel so relieved, but so frustrated at my self for not searching the right place at right time...
LIFESAVER. ❤❤

[taggoeshere]

The level 5 clip path section is actually so awesome!

[SashenMe]

Simply amazing how you explained the math behind blur.

[shivamnagi]

It's wild to imagine the amount of time she spends animating all of this in After Effects

[OfficalRowen]

I don't dabble in website building or code but I thoroughly enjoyed this video still. The way you explained things as well as the visuals (especially the cat memes :] ) was just all around super engaging

[әкрәм]

i love how you can express a lot of information in such a pleasant way! thank you much for all your efforts!

[rnzr]

Wow! Just WOW! Maybe the best simple lecture/guide i've ever seen!

[This_is_my_spout]

I'm high af and got 5 minutes in before I realized that this video is for people who are doing web design, not random people who want to see things blurred in cool ways. Looks like a good video though.

[ibrahimsoukak]

You've become one of my favorite channels. I love creative people like you

[smansab]

Your content is so simple, yet presented dynamically. I watched a whole a*s video about S-tier blurring effects in the web-designing while being a Mechanical Engineer. And I didn't even skip a second or felt lost at any point. ❤🙌🏼

[Goddeh]

Should've gone to Specsavers before becoming a web designer.. Jokes aside, thanks for this clean walkthrough of effects like this, they're highly motivational! 🙌

[pbjellysand]

I was kinda expecting this to be blurring like censoring stuff in quirky ways but still I was not dissapointed, great video :)

[BadWolfNeron]

You're awesome at teaching the history and importance behind these small concepts/techniques and show the magnitude of the impact mastering them can have on your creations.

Thanks! ♥

[voixkin]

i LOVE this channel! i didnt even notice it was supposed to be abt web design at the start, and i just thought it was general design. keep it up!!!

[hkz]

At this point backend doesn't seem that bad

[roxtaramir]

Day 2 of literally trying to watch as many videos on this channel as possible 😂 there's something soothing about the way you explain stuff, that even if I'm not inherently interested in the subject, I get consumed by it and end up learning something new! 💯