New DVH CSS Unit!!!

Поділитися
Вставка
  • Опубліковано 12 гру 2022
  • Check out this new CSS unit that allows us to control the viewport height (much like the CSS VH and VW units) in new ways to overcome issues that arise on mobile devices with their various browser agent overlays, menus & toolbars
    Stay subscribed as I'll be releasing a whole new set of CSS unit tutorials so you can master the various units with their advantages and disadvantages.
    💖 SUBSCRIBE (Please) 💖
    ua-cam.com/users/FollowAndrew?s...
    🌐 Website 🌐
    followandrew.dev
    📺 Related Videos 📺
    ➞ Title: VideoURL
    📢 Social Media 📢
    TWITTER (@followandrewedu) ➞ / followandrewedu
    #css

КОМЕНТАРІ • 20

  • @threeone6012
    @threeone6012 Рік тому +6

    I saw DVH mentioned on Kevin Powell's channel. I looked it up and found this video. Great explanation! Another great channel. Subscribed.

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

    Thank you man. This came just in time as I am making my project responsive for mobile

  • @yogawithaaron
    @yogawithaaron 5 місяців тому

    I get it now. Ty for breaking this down!

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

    Thanks Andrew that was helpful. The example used was easy to understand.

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

    Thanks Andrew that was helpful

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

    Thank's that's nice I'm going to try it.!

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

    I understand what you were trying to convey.

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

    I'll have to try this, though I'm anticipating it'll cause some janky UI; especially with browsers (like iOS) where the navigation controls aren't always on screen and DVH recalculates the layout when they appear/disappear.

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

    Very useful. thanks

  • @JohnHaugeland
    @JohnHaugeland Рік тому +4

    good content
    your lead-in music volume is pretty high. makes it a little hard to hear what you're saying

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

    Shoot! I was hoping to find a solution for calculating virtual keyboards... lol I just disable the virtual keyboard right now and use a custom one I built to replace it. It works, but I still need to find out the correct way! Or should I just keep building mine and share it as a library?

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

    Why would i ever use normal vh now?

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

    what you use to simulate mobiles like that? thx.

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

      It's the 'iOS' simulator built into Mac OS if you have Xcode installed

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

      @@FollowAndrew, ok, I don't use Mac OS, thx anyway.

  • @CaptainFalcon92
    @CaptainFalcon92 6 місяців тому +1

    Missing the point not talking about svh and lvh and how dvh will recompute as the bar hides itself upon scrolling up and down, causing UI boning and heavy redraw compute

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

    it would be better they just update dvh as default vh, cant see lvh and svh any practical usage