No video

New DVH CSS Unit!!!

  Рет қаралды 6,457

FollowAndrew

FollowAndrew

Күн бұрын

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

Пікірлер: 20
@threeone6012
@threeone6012 Жыл бұрын
I saw DVH mentioned on Kevin Powell's channel. I looked it up and found this video. Great explanation! Another great channel. Subscribed.
@FollowAndrew
@FollowAndrew Жыл бұрын
Awesome, thank you! His stuff's great too
@alexanderian9694
@alexanderian9694 Жыл бұрын
Same here lol
@stephand.4347
@stephand.4347 Жыл бұрын
Me too - my friends and friend😁
@mikaelfarro
@mikaelfarro Жыл бұрын
Thank you man. This came just in time as I am making my project responsive for mobile
@JohnHaugeland
@JohnHaugeland Жыл бұрын
good content your lead-in music volume is pretty high. makes it a little hard to hear what you're saying
@SunnyAlhat
@SunnyAlhat Жыл бұрын
Thanks Andrew that was helpful. The example used was easy to understand.
@yogawithaaron
@yogawithaaron 7 ай бұрын
I get it now. Ty for breaking this down!
@XMattingly
@XMattingly Жыл бұрын
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.
@followying392
@followying392 Жыл бұрын
I understand what you were trying to convey.
@spreadItWide
@spreadItWide 9 ай бұрын
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?
@GerritforBazeja
@GerritforBazeja Жыл бұрын
Thank's that's nice I'm going to try it.!
@thefreelancersite
@thefreelancersite Жыл бұрын
Thanks Andrew that was helpful
@ammarhassan_
@ammarhassan_ Жыл бұрын
Very useful. thanks
@OneBrokeBloke
@OneBrokeBloke Жыл бұрын
Why would i ever use normal vh now?
@CaptainFalcon92
@CaptainFalcon92 9 ай бұрын
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
@vnm_8945
@vnm_8945 Жыл бұрын
what you use to simulate mobiles like that? thx.
@FollowAndrew
@FollowAndrew Жыл бұрын
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.
Is This The Future Of Education? AI Generated Flexbox CSS Tutorial
20:32
The problems with viewport units
13:23
Kevin Powell
Рет қаралды 359 М.
The Giant sleep in the town 👹🛏️🏡
00:24
Construction Site
Рет қаралды 20 МЛН
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 16 МЛН
CSS: svh, lvh, dvh - новые единицы измерения
7:34
Александр Ламков — Friendly Frontend
Рет қаралды 40 М.
Use these instead of vh
6:06
Kevin Powell
Рет қаралды 502 М.
Naming things just got easier thanks to @scope
26:22
Kevin Powell
Рет қаралды 47 М.
microsoft doubles down on recording your screen
10:00
Low Level Learning
Рет қаралды 74 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 944 М.
We can now transition to and from display: none
21:20
Kevin Powell
Рет қаралды 97 М.
Are You Making These CSS Height Mistakes?
8:54
Web Dev Simplified
Рет қаралды 128 М.
I bet you haven't heard of this cool HTML tag & trick!
8:51
FollowAndrew
Рет қаралды 7 М.
The new CSS pseudo-classes explained - :is() :where() :has()
13:50
Kevin Powell
Рет қаралды 135 М.
The Giant sleep in the town 👹🛏️🏡
00:24
Construction Site
Рет қаралды 20 МЛН