Why Scroll Driven Animations Are Such A Game Changer for CSS

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 33

  • @0xAndy
    @0xAndy Рік тому +4

    You're super talented, and I've done front-end for 20+ years and have seen quite a few crafters along the way. I learn something useful every single video you publish.

    • @frontendfyi
      @frontendfyi  Рік тому +1

      Thank you so much, it means a lot to me 🙏 I try to teach best practices I’ve used myself in professional environments too over the past 15 years, instead of making hype videos teaching stuff that won’t work in the real world. Hope that shows!

  • @imgeorgemore
    @imgeorgemore Рік тому

    Just discovered this channel recently and never have seen someone explaining transitions so straightforward, easy and simple. Congrats and thanks for all this knowledge!

    • @frontendfyi
      @frontendfyi  Рік тому

      Thank you so much for your kind words! Really appreciate it!

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

    “I came across this tweet on Twitter or X, or whatever the platform is called tomorrow“ loooool You shout out exactly what I feel these days lolol

  • @marlinho206
    @marlinho206 11 місяців тому

    Dude, I really like your channel, I think your videos and your didactic top!
    I'm from Brazil, and I live in Rio de Janeiro, I'm a student and analyze and develop a system.
    I have been looking to learn more about scroll-driven animation, that native to css is very powerful! I would like to learn more about this tool and see what kinds of things are possible to do with it.
    Strong hug!

    • @frontendfyi
      @frontendfyi  11 місяців тому

      Thank you so much, really appreciate the kind words ❤️ Feel free to share ideas / suggestions for videos as a comment on whatever video. Always looking for inspiration on what to (re)build.

  • @aymaneu3723
    @aymaneu3723 Рік тому +1

    i really love your content!! so much valuable information. thank you!!

    • @frontendfyi
      @frontendfyi  Рік тому

      Thank you so much, really appreciate it!

  • @growwithdesign
    @growwithdesign Рік тому +1

    First! I'm loving your videos. Thankyou for all the hard work you put in.

    • @frontendfyi
      @frontendfyi  Рік тому +1

      Thank you so much! Appreciate the kind words!

  • @جوادجیتی
    @جوادجیتی Рік тому +1

    please make that with framer motion again while we learn both of that way

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

    Very nice

  • @didemkucukkaraaslan7373
    @didemkucukkaraaslan7373 Рік тому +1

    Hello thanks for the vid! Can I learn what vscode theme you are using it looks slick

    • @frontendfyi
      @frontendfyi  Рік тому +1

      Hey Didem! Definitely, the theme is part of the Bearded Theme collection, and the theme specifically is called Arc. See here: github.com/BeardedBear/bearded-theme

    • @didemkucukkaraaslan7373
      @didemkucukkaraaslan7373 Рік тому

      Thank you

  • @جوادجیتی
    @جوادجیتی Рік тому

    awsome

  • @dmarushchak
    @dmarushchak Рік тому +1

    what font do u use (in VSCode)?

  • @eyriusbacterius
    @eyriusbacterius Рік тому

    can you make a video on how to pin sections similar to how it is with gsap with scrollTrigger?
    by the way amazing videos that you're making :)

  • @Mobilemaniaplays
    @Mobilemaniaplays Рік тому

    In your website there is an little horizontal scrolling, fix it

    • @frontendfyi
      @frontendfyi  Рік тому

      Tell me more sir. What page, what breakpoint, what device/OS? This is not how you do bug reports 😉

    • @Mobilemaniaplays
      @Mobilemaniaplays Рік тому +1

      @@frontendfyi there is a little horizontal scrolling in every page , which is not good

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

      “Figure it out yourself, you're supposed to be a professional of your field”

  • @Mobilemaniaplays
    @Mobilemaniaplays Рік тому

    Just bring a whole course of different animations with framer motion. I will use framer motion only in all my projects

    • @frontendfyi
      @frontendfyi  Рік тому

      There is framer motion course coming up as part of frontendfyi pro! Currently only €99! See www.frontend.fyi/pro

  • @prashlovessamosa
    @prashlovessamosa Рік тому

    Hey yo.

  • @bfmcoding4485
    @bfmcoding4485 Рік тому

    Rebuilding complex Awwward website pleasee

    • @frontendfyi
      @frontendfyi  Рік тому

      It's visually really appealing indeed! But do you think there are any specific things that are worth teaching? Or will it be mostly styling? (which could also be very interesting!)

  • @draftermyself
    @draftermyself Рік тому +1

    Say NO to GSAP 😅

  • @greendsnow
    @greendsnow Рік тому

    I'm happy that CSS is moving towards that area because
    React is one of the worst frameworks to make animations...
    And ahhaha scroll animations on React is a pain for you to code and the user to view.
    Janky and slow.

    • @frontendfyi
      @frontendfyi  Рік тому

      The more we can do in vanilla css and js the better of course. Fully agree with that!