Modern CSS for sites: View transitions, scroll effects, and more!

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

КОМЕНТАРІ • 20

  • @simonswiss
    @simonswiss День тому +20

    The quality and energy in this delivery is TOO DAMN HIGH! You rock, Adam 🤙

    • @MrCloudTel
      @MrCloudTel День тому

      Your are also here, anyway at first i thought we should only learn tailwindcss.

  • @Islandstone89
    @Islandstone89 День тому +11

    4:03 Container Queries
    10:13 Popovers
    27:45 View Transitions
    41:24 Scroll-driven animations

  • @MrAndi1281
    @MrAndi1281 День тому +3

    This Video was packed with so much great information! Thanks for that!

  • @Dorchwoods
    @Dorchwoods 14 годин тому

    In the enterprise application space where screens are incredibly dense and filled with data, being able to sprinkle in popovers throughout the UI is a game changer. It opens so many doors from a UX perspective solving complicated UI challenges

  • @js-love
    @js-love День тому +3

    Pls bring the video in podcast so we can see the real change as we do in this video

  • @D7460N
    @D7460N День тому +1

    Like seeing the changes in real time.

  • @JogandocomVini
    @JogandocomVini День тому +3

    adam i'm your #1 fã

  • @xav_624
    @xav_624 День тому +2

    Well, that was awesome. 👌

  • @web-atelier
    @web-atelier День тому

    Really well explained, thank you. 😀👌

  • @danielvoicu1580
    @danielvoicu1580 День тому +3

    I have issues with IDX. It adds scrollbars and removing them and looping this effect around the viewport where IDX is loaded. Not usable.

    • @knkootbaoat6759
      @knkootbaoat6759 День тому

      no comment about idx (haven't used it personally. heck i didn't know it existed before this video).
      i lied i will comment on idx.
      I would say the main purpose for things like idk or github codespaces is to be able to play around demo/tutorial like the one shown in this video. and not use it to "Start building your app in the cloud"
      i mean what do i know.
      but i rather stick with my local development environment and setup my CI/CD depending on the technology and not rely on yet another *_unneeded_* layer of abstraction... (there are other reasons but those are a bit out there...)
      but i'll look into idx and give it a fair shake and maybe update this comment if i do follow up with trying it out.
      edit: i checked idx and i think vs code and using remote tunnel is probably the better approach but i do see the benefit of someone doing the hard work of initially setting up the environment in idx (key point someone doing the hard work in a *_non-trivial_* project and making sure it keeps working)
      i'll stop yapping and leave it at that...

  • @MrCloudTel
    @MrCloudTel День тому

    This is awesome

  • @asmamir7878
    @asmamir7878 День тому

    Amazing!❤‍🔥

  • @franklemanschik_de
    @franklemanschik_de День тому

    Lol i learned Something and that is cool i was Not aware about the Dom Position for overlays ❤❤❤

  • @francisanyuru9286
    @francisanyuru9286 День тому

    Rock! Rocker!!

  • @francoisguezengar6255
    @francoisguezengar6255 День тому

    Why not using view-transition-class instead of dynamically adding individual view-transition-name ?

  • @techwake360
    @techwake360 День тому

    Thanks a lot

  • @EkoBudi_hartono-si8cr
    @EkoBudi_hartono-si8cr День тому +1

    🛡️🖋️🔗✨