Odzivna tipografija – clamp() tehnika

Prilagodljiva tipografija mediju ni nov pojav. Razvijati se je začela takoj z nastopom RWD – odzivnega spletnega designa. Skozi svoje obdobje pa ima več različnih oblik tehnik, ter optimizacij, ena zadnjih je z uporabo CSS funkcije clamp().

Načine kako dosežemo odzivno tipografijo smo si pogledali v članku Resnično odzivna tipografija – Fluid Typography. Danes pa si bomo ogledali bolj prečiščeno verzijo z uporabo CSS funkcije clamp(). Slednja ima enostavno funkcionalnost, in sicer v funkcijo clamp(MIN, VAL, MAX) vstavimo svoje vrednosti. Za MIN minimalno velikost, VAL za vrednost, ki jo nastavimo in MAX za največjo velikost. V praksi to pomeni, da velikost fonta raste z velikostjo ekrana, vendar se nikoli ne spusti pod MIN vrednost ali nad MAX vrednost. Ima enak funkcionalnost, kot metoda “fluidna tipografija”.

See the Pen
Odzivna tipografija – clamp() tehnika
by Ziga (@pomagalnik)
on CodePen.

CSS funkcija clamp() je podprta v praktično vseh brskalnikih, razen v IE. Zaradi tega je potrebno imeti ustrezno varovalko. Dodatno branje na temo clamp().

Komentiraj


*