New DVH CSS Unit!!!

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024
  • 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) 💖
    www.youtube.com...
    🌐 Website 🌐
    followandrew.dev
    📺 Related Videos 📺
    ➞ Title: VideoURL
    📢 Social Media 📢
    TWITTER (@followandrewedu) ➞ / followandrewedu
    #css

Комментарии • 24

  • @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

  • @JohnHaugeland
    @JohnHaugeland Год назад +4

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

  • @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.

  • @SunnyAlhat
    @SunnyAlhat Год назад

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

  • @spreadItWide
    @spreadItWide 10 месяцев назад

    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?

  • @followying392
    @followying392 Год назад

    I understand what you were trying to convey.

  • @yogawithaaron
    @yogawithaaron 8 месяцев назад

    I get it now. Ty for breaking this down!

  • @thefreelancersite
    @thefreelancersite Год назад

    Thanks Andrew that was helpful

  • @YoullRyan-l7h
    @YoullRyan-l7h 17 дней назад

    Gonzalez Lisa Lewis Michael Harris Steven

  • @CaptainFalcon92
    @CaptainFalcon92 10 месяцев назад +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

  • @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.

  • @MaryaliceClaudio-m9i
    @MaryaliceClaudio-m9i 24 дня назад

    Sabina Manor

  • @PoeBroderick-j3s
    @PoeBroderick-j3s 19 дней назад

    Hall Thomas Taylor Brenda Hall Lisa

  • @FaulknerPhil-i2o
    @FaulknerPhil-i2o 20 дней назад

    Rodriguez Loop

  • @OneBrokeBloke
    @OneBrokeBloke Год назад

    Why would i ever use normal vh now?

  • @NagatoKamiPain
    @NagatoKamiPain Год назад

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

  • @GerritforBazeja
    @GerritforBazeja Год назад

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

  • @ammarhassan_
    @ammarhassan_ Год назад

    Very useful. thanks