CSS Min/Max Functions Are Incredible

preview_player
Показать описание


🌎 Find Me Here:

#Shorts
Рекомендации по теме
Комментарии
Автор

Min, Max and clamp function are really a great addition to CSS and for simple page they remove the media queries completely while giving a fluid transition.

Although while developing it's really hard to determine which value is being used for a element. Maybe we could get a tool in developer tool for monitoring that.

Great video💯

jayeshdeorukhkar
Автор

This channel fully 100% living up to it's name.

heckyes
Автор

I am enjoying CSS3 more just because of those shorts

rx
Автор

CSS min and max are also very useful as a backup for clamp functions. iOS devices / the mobile browsers for iOS struggle with the clamp method, but there is a workaround / fallback which works in most cases.

If you have a clamp function:
clamp(a, b, c)

You can use the following as a workaround:
max(a, min(b, c))

It won't behave exactly the same as the clamp function but it's pretty good as in my case safari browsers give an 'invalid property value' warning when using the clamp function, so for better compatbility with your sites you can add it as a fallback.

KiemPlant
Автор

I need this for a project I'm working on now. Thanks

josephlivengood
Автор

The tough part is knowing what values to constrain dimensions. It would be better if you showed how to efficiently figure out what values to use min max clamp with. The concept is easy to understand much harder to implement effectively.

hamzamuslim
Автор

You could make your example much more clearer by displaying a container showing which values are being applied.

hamzamuslim
Автор

I love these shorts but I can't save then anywhere for future reference.

darkshiftyzero
Автор

I've abandoned other channels in favor of Kyle's excellent all-round development updates. Its all I need to keep up with the latest in HTML, JS and CSS.

mrCetus
Автор

Yes, min, max and clamp are gamechangers...

...when they finally get propper support.
Go back three or four chrome versions on android and you'll notice they ain't working...
And 80% of people have phones with too little storage space for an update, don't have automatic updates or have a phone too old to get one...

shapelessed
Автор

Can you put auto as a min parameter? Like min between auto and 70px

alessandroruggiero
Автор

Sir, I want to make videos like this what are the tools you use?

bigshade
Автор

thank you so much🥰🥰 but your handsome face really distracted me from studying 😍😍🤣🤣

raefang
Автор

Not wroking on my "node-sass": "^6.0.1", will it work with latest?

snaeem
Автор

Hi, I didn't get it, how these min, max functions giving different values every time, they should give same value every time on resizing, how it is calculating ? Thanks

gopalmandloi
Автор

What is it with the vertical videos I've been stumbling upon recently? It has been criticized for years and for obvious reasons. Is it some kind of mobile trend now?

bewa
Автор

Always remember we must repent of our sins (sin is transgression The Law Of Yahuah The Father in Heaven. The Law are The Books: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy). We must repent of our sins and Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that we can be forgiven of our sins!

Come to HIM🙂🙂🙂🙂🙂🙂🙂

ReyBanYAHUAH
Автор

I've abandoned other channels in favor of Kyle's excellent all-round development updates. Its all I need to keep up with the latest in HTML, JS and CSS.

rushboy