I tried Blurring things in Quirky ways

Поділитися
Вставка
  • Опубліковано 19 січ 2025

КОМЕНТАРІ • 424

  • @juxtopposed
    @juxtopposed  10 місяців тому +983

    hi.

  • @mikhalpalych
    @mikhalpalych 10 місяців тому +710

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

  • @TheRyDesigns
    @TheRyDesigns 10 місяців тому +482

    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
    @rahiqueosman 10 місяців тому +356

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

  • @alian9216
    @alian9216 10 місяців тому +1906

    Did I just get Rick Scrolled?

    • @saiv46
      @saiv46 10 місяців тому +99

      Damn, I least expected this channel to rickroll me

    • @әкрәм
      @әкрәм 10 місяців тому +64

      @@saiv46 rickscroll*

    • @juxtopposed
      @juxtopposed  10 місяців тому +285

      idk what you’re talking about.

    • @yusrildhm
      @yusrildhm 10 місяців тому +14

      @@juxtopposed lol

    • @ActualHuman7
      @ActualHuman7 10 місяців тому +3

      Yes u did

  • @greatape2791
    @greatape2791 10 місяців тому +79

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

  • @advaitbhore
    @advaitbhore 10 місяців тому +70

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

    • @YosefReborn
      @YosefReborn 10 місяців тому +3

      It is also cool when instead of the blur fading the blur just getting less blurrier

  • @taggoeshere
    @taggoeshere 10 місяців тому +55

    The level 5 clip path section is actually so awesome!

  • @This_is_my_spout
    @This_is_my_spout 8 місяців тому +8

    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.

  • @әкрәм
    @әкрәм 10 місяців тому +16

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

  • @shivamnagi
    @shivamnagi 10 місяців тому +16

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

  • @SashenMe
    @SashenMe 10 місяців тому +44

    Simply amazing how you explained the math behind blur.

  • @OfficalRowen
    @OfficalRowen 10 місяців тому +6

    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

  • @pbjellysand
    @pbjellysand 10 місяців тому +8

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

  • @ibrahimsoukak437
    @ibrahimsoukak437 6 днів тому

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

  • @iamtimsson
    @iamtimsson 10 місяців тому +3

    9:15 "not every one has a monster like mine" oh yeah don't threaten me with a good time

  • @0r94n1z3r
    @0r94n1z3r 10 місяців тому +3

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

  • @voixkin
    @voixkin 11 днів тому

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

  • @BadWolfNeron
    @BadWolfNeron 10 місяців тому +3

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

    • @juxtopposed
      @juxtopposed  10 місяців тому +1

      omg glad to hear that ✨

  • @roxtaramir
    @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! 💯

  • @smansab59
    @smansab59 9 місяців тому +1

    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. ❤🙌🏼

  • @gojosensei7081
    @gojosensei7081 10 місяців тому +3

    The flow your videos have, Love it!!!!

  • @RushabRayalwar
    @RushabRayalwar 3 місяці тому

    The explanations are charismatic. 🤩🤩 What a unique way of making tutorials

  • @cedigasser
    @cedigasser 10 місяців тому +3

    This is amazing! So much good information presented in such an entertaining format.

  • @Goddeh1
    @Goddeh1 10 місяців тому +25

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

  • @tastetherainbow4600
    @tastetherainbow4600 9 місяців тому +67

    oops i accidentally learned something.

  • @thepaleone2369
    @thepaleone2369 10 місяців тому +4

    Gonna be honest, I thought the video was about "burning things in quirky ways" and I thought I was clicking on someone's villain origin story

    • @Crinlask
      @Crinlask 9 місяців тому +2

      8. Orphanages

  • @grahamothy424
    @grahamothy424 8 місяців тому

    this was the most enjoyable video that i have been craving to understand and visualize the concepts of for a very long time, you did a perfect job explaining every level, every concept, every thing. please keep doing what you are doing! :D

  • @mrrjb9781
    @mrrjb9781 10 місяців тому +2

    this video is amazing, I don't even know a thing about web design and I found it extemely entertaining

  • @h7kz
    @h7kz 10 місяців тому +8

    At this point backend doesn't seem that bad

  • @jeffreyrosenkrantz
    @jeffreyrosenkrantz 10 місяців тому

    This video is amazing. Never have I giggled as much in a code tutorial. Very well explained

  • @FeeshUnofficial
    @FeeshUnofficial 9 місяців тому +2

    This is an insanely good video

  • @110110010
    @110110010 10 місяців тому

    This is amazingly comprehensive for a 9 minute video. You've shown many interesting concepts I can't wait to jump in to and try them all!

  • @arda5157
    @arda5157 10 місяців тому +1

    I really like your contents. they are so educational and the best part of it, as others have said, they are never boring

  • @Iggy2004
    @Iggy2004 10 місяців тому +1

    this is so helpful, thank you so much, also it's really calming to listen to your voice

  • @CDancos
    @CDancos 10 місяців тому

    I'm nerding about blur for 4 straight weeks, and know this, I'd like to thank the algorithm and you for this amazing video.

  • @DeonGaming
    @DeonGaming 10 місяців тому

    Getting rickrolled on Saturday morning is not something I've expected. The video has energy and is generally entertaining even for people who already knew the content. Thank you.

  • @mr.guydvir
    @mr.guydvir 10 місяців тому +1

    Your content is super top notch. It's awesome to see your audience growing! It makes me feel like things work the way they should on UA-cam 😊

  • @brunoggdev6305
    @brunoggdev6305 10 місяців тому +1

    When it comes to design content, u're the absolute best imo

  • @thedctr
    @thedctr 10 місяців тому

    wow, first ever person who made web-design intresting for me, thank you!

  • @RadiusRadiated
    @RadiusRadiated 4 місяці тому

    This is one of the best content out there

  • @bholmesdev
    @bholmesdev 9 місяців тому

    TIL about gradient blurs. EXACTLY what I needed for a not-ugly blurred navbar 🙏

  • @NomedoLeo
    @NomedoLeo 10 місяців тому

    Finally someone with the love of blur!!! I thought I was alone. It’s so satisfying

  • @tanksfornothin
    @tanksfornothin 10 місяців тому

    these videos are disgustingly good

  • @andreic048
    @andreic048 10 місяців тому +2

    You have a nice voice and you explain things very well. Good job!

  • @explodednova
    @explodednova 2 місяці тому +1

    2:21 THAT'S THE TROLLFACE!!!

  • @th3_sull1van
    @th3_sull1van 10 місяців тому +1

    I LOVE the Acerola editing style, great video!

  • @rachelrbsv
    @rachelrbsv 8 місяців тому

    I'm flabbergasted!! this is such precious gold content!! instant subscribe!

  • @jaxondabac8808
    @jaxondabac8808 9 місяців тому +4

    watching this video at 240p gives it a whole new meaning

  • @TressaDanvers
    @TressaDanvers 10 місяців тому

    just found ur channel.
    i'm genuinely floored this is so well made.

  • @lukasandersson
    @lukasandersson 10 місяців тому

    It's amazing how you always manage to blow our minds!!

  • @timothychinye6008
    @timothychinye6008 10 місяців тому +1

    Make more web design videos like this and the dark mode one, it's actually extremely useful.
    Like these are often things I do anyways, but it's nice to like.. get it down on paper, so I'm not just designing my sites of a whim

  • @myfertriedcoding
    @myfertriedcoding 10 місяців тому

    I've been watching your videos for a while, I'm now subscribed, thanks for such great content.

  • @AlexFabrique
    @AlexFabrique 9 місяців тому

    Great redesign, wonderful presentation, both clear and entertaining. Lovely!
    Obviously I wished IMDB would do that, but in the meantime I had a great time watching your video and I might take this format as an inspiration for a future UI/UX redesign!
    Keep up with the good work :)

  • @tcepsa
    @tcepsa 8 місяців тому

    This was great and has inspired me to resume my journey learning about CSS. I'm currently still struggling with positioning and layout, but I'm really looking forward to spending more time on things like this!!!

  • @Fielith
    @Fielith 9 місяців тому

    I LOVE WHEN UA-cam RECOMMEND A GOOD CHANNEL

  • @wlockuz4467
    @wlockuz4467 10 місяців тому +2

    As a dev this actually makes me excited about design. Usually the designs I deal with are the manifestation of marketing politics lol

  • @jaythecoderx4623
    @jaythecoderx4623 10 місяців тому

    Wow the quality of this video is insane. I'm definitely going to use this in some of my projects in the future

  • @nemegto
    @nemegto 9 місяців тому

    I thank the UA-cam algorithm for showing me your channel. I'm learning about UX without being bored. You could make a whole course out of these videos 😭

  • @nitroflap
    @nitroflap 10 місяців тому +2

    Yet another useful design video. Good stuff!

  • @mistthemoth7026
    @mistthemoth7026 10 місяців тому

    i love your videos so much, they are so informative while still being very entertaining :)) thank you for uploading !

  • @wihhdalp3470
    @wihhdalp3470 9 місяців тому

    Amazing vid, really liked ALL of it (especially the memes)

  • @mrschoko565
    @mrschoko565 10 місяців тому

    I love the blur from apple it looks so good I get the illusion that it’s actually not focused and it looks really good

  • @thisrandomdude_
    @thisrandomdude_ 10 місяців тому +1

    Awesome video, and I absolutely love the way you narrate!! Your voice is a joy to listen to bwahahahahah

  • @MrYllie
    @MrYllie 10 місяців тому

    No way I learned this much in

  • @mikey-qo8sh
    @mikey-qo8sh 10 місяців тому

    amazing editing as always, great content

  • @idontknowwhattonamethis293
    @idontknowwhattonamethis293 10 місяців тому +1

    Ngl from the thumbnail I thought u were just a huge fan of britpop 😭 super cool vid tho!!!

  • @ahmadrufai8891
    @ahmadrufai8891 10 місяців тому

    Didn't know there is so much Blur can do, you really did a great job.

  • @ekeminh5853
    @ekeminh5853 7 місяців тому

    I just gone through the first 3 mins but this already blown my mind 🤯🤯

  • @mr_flor
    @mr_flor 7 місяців тому +1

    amazing vid! never new blur is so deep
    (btw, i'll recognise this heart shape anywhere, you can't use something from undertale and not expect someone to say something😈)

  • @arijitRC7
    @arijitRC7 9 місяців тому +1

    As a backend developer and good UI admirer this is like god level to me.

  • @Tenelia
    @Tenelia 10 місяців тому

    Man, I wrote a whole paper on this back in 2009 for the Apple ecosystem. It was already amazing what could be accomplished on ancient hardware back then, but reviewing this in 2024 is invigorating.

  • @usfrog2005
    @usfrog2005 6 місяців тому

    love the way she put the cat meme in each videos

  • @AnimatedDuck
    @AnimatedDuck 10 місяців тому

    the rickroll
    is genius
    give this woman a noble award

  • @strawberryshortcake4345
    @strawberryshortcake4345 6 місяців тому

    Ah, now I want to learn to code and become both the designer and the my own developer 😭
    Your simplified format, is really inspiring and motivating.
    Im suddenly getting this urge to learn 😭😭😭😭

  • @igrb
    @igrb 10 місяців тому

    Absolute banger as always

  • @Sophia-go3cs
    @Sophia-go3cs 9 місяців тому +1

    IS THE HEART IN THE THUMBNAIL THE UNDERTALE SOUL!?!!?!??!?!

    • @Atdehy
      @Atdehy 2 місяці тому

      omg undertale has soul!

  • @NiceHyper01
    @NiceHyper01 10 місяців тому

    This was such a good video. Keep up the great work!

  • @ahmedsaed26
    @ahmedsaed26 10 місяців тому

    The quality of the video is stunning ❤❤

  • @AlFasGD
    @AlFasGD 10 місяців тому +1

    Most of the web has not surpassed the level 3 yet, most front end devs have no idea about a lot of that stuff and it goes to show the unexplored potential the web has

    • @LilB.B
      @LilB.B 10 місяців тому

      Wat

  • @remitiras
    @remitiras 8 місяців тому

    I love how when you look at this video from the mobile app and not on fullscreen, there's a blur effect under the video where the title is, I'm the color of the current frame of the video.

  • @E_T_31
    @E_T_31 9 місяців тому

    This vid is definitely in some need of mooore cat picks - keep up the good work! :)

  • @fransende
    @fransende 10 місяців тому

    I'm not a web designer and none of the information in this video will have any objective use in my life. But I still watched it all and enjoyed every part of it. 👍

  • @ayyfte
    @ayyfte 10 місяців тому +1

    Pretty informative vid... (also, the voice is really, REALLY sweet)

  • @giraty50
    @giraty50 10 місяців тому

    That chaotic button is really beautiful

  • @LightTheMars
    @LightTheMars 10 місяців тому +4

    Great resource! Just as a note though, CSS blur is computationally expensive, and you shouldn't use it in situations where the blurred content animates.
    For example, when using backdrop-blur on one element and having the backdrop move, it has to recalculate the blur every frame. Make sure to test on low-end devices when you have to do that!

  • @ChemloWright
    @ChemloWright 10 місяців тому +1

    I really hope people are profiling the rendering performance of all this. Maybe I've been out of the game for too long and this is cheap on modern hardware but I was shocked seeing a Gaussian blur applied to an entire container element just to throw out most of the computed pixels for a border. Also, please don't rely on blurred backgrounds where contrast is important for legibility.

  • @hemantnarkhede3043
    @hemantnarkhede3043 6 місяців тому

    professional eh voice. I loved it.

  • @DominicF96
    @DominicF96 10 місяців тому

    The clip-path one is amazing, I'll use that for sure 🔥

  • @fukolombobby
    @fukolombobby 10 місяців тому +1

    Gotta say digital photography has nothing do do with any of those types of blurs tilt shift is literally from large format film cameras

  • @Aratolotl
    @Aratolotl 10 місяців тому

    The UI tutorial I didn't know I need!

  • @DrRawley
    @DrRawley 10 місяців тому

    I like the way you say "for-mew-la"

  • @MatthewWright001
    @MatthewWright001 8 місяців тому

    Wonderful video! Super organized and entertaining :-)

  • @MutedStoryteller
    @MutedStoryteller 10 місяців тому

    Whats a little unclear: there is a massive difference between using a gradient mask on a blur, or fiddling with its transparency and using an actual gradient for the blurring function. Lens blur, radial blur, often do this and the results are beautiful.

  • @Keyboardfanatiker
    @Keyboardfanatiker 10 місяців тому

    Finally someone who knows how to say "bokeh" correctly!

  • @emotional_emf
    @emotional_emf 10 місяців тому +1

    Your voice is so soothing 😊

  • @davidcunha7615
    @davidcunha7615 10 місяців тому +1

    Your content is gold :)

  • @omagad5821
    @omagad5821 9 місяців тому

    today I tricked myself into watching a css blur tutorial... and I enjoyed it

  • @AM-zo3mk
    @AM-zo3mk 10 місяців тому

    I've discovered your channel on accident and it's the best accident that's ever happened to me. You've earned a new subscriber! 💖
    Also, I have a video idea...could you maybe do a video redesigning UA-cam or Facebook? 👀

  • @jacksonsherbertgaming4437
    @jacksonsherbertgaming4437 10 місяців тому

    now that you show blur i see it everywhere on my web page thats so funky