min(), max(), and clamp() are CSS magic!

CSS se je v zadnjih letih precej spremenil. Določene novosti, kot so npr min(), max() clamp() določena opravila naredijo bistveno lažja. Uporaba slednjih pri odzivnem oblikovanju pa slednje popelje na nov nivo, predvsem pri velikosti tipografije, “fluidnih” oblikah, …

Kevin Poweel je pripravil zanimiv video “min(), max(), and clamp() are CSS magic!”, ki nam podrobneje prestavi min(), max() in clamp(). Ker so slednje funkcije jih lahko uporabimo za različne načine, ne samo za velikosti fontov.

Primer uporabe min()

width: 70%;
max-width: 500px;
 
/*zamenjamo z*/
 
width: min(500px, 70%);
/*(min izbere najmanjšega, če bi izbrali max največjega)*/

Vsekakor se je potrebno novega načina navadit, ker je precej drugačen od uveljavljenih metod. Pred uporabo preverite njihovo podporo, ki je slaba samo v IE brskalnikih, min(), max() in clamp().

Oznake: clamp()CSSMAXmin()

Komentiraj


*