Stvorite elemente automatske promjene veličine pomoću značajke Scalable.js

Ako trebate napravite fleksibilne elemente koji automatski popunjavaju svoje spremnike Ja bih visoko preporučiti Scalable. Ovaj besplatni JS skripta otvorenog koda je savršena za stvaranje dizajna fluida bez mnogo stresa.

Sve u biblioteci Scalable.js je prilagodljivo tako da možete mijenjati stil, veličinu, položaj i unutarnji sadržaj svakog spremnika. Trebate elemente poravnate na vrhu ili dnu stranice? Skalabilan ima opcije za to.

Zavirite u GitHub repo kako biste saznali više o tome kako to funkcionira.

U najosnovnijem obliku, ova skripta uzima element ciljne stranice zajedno s nekim opcijama za prilagođavanje prikaza. Evo primjera koda preuzetog izravno iz GitHub:

var scalable = new Skalabilno (containerEl, opcije);

Naravno, prvi parametar je koji god element spremnika ciljate (u idealnom slučaju a

ili nešto slično).

Parametar opcija treba uzeti niz ključeva => parova vrijednosti. Te opcije uključuju vrijednosti visine spremnika, minimalne i maksimalne širine, zajedno s min i max mjerama (tj. koliko može skalirati s internim elementima).

Pogledajte glavnu stranicu projekta za korisni demo. Kutove spremnika možete povući kako biste unutarnju veličinu fleksibilne stavke automatski promijenili. Ovo je prilično cool jer ćete ispod toga područja pronaći korisni kod izravno s stranice.

Postoje načini za rukovanje fleksibilnim elementima sa čistim CSS-om. Međutim, ove se metode mogu osjećati zastarjele i ne nude kontrolu kao JavaScript.

Ako želite isprobati ovo, samo uzmite kopiju iz GitHuba i pogledajte što mislite.

Skalabilan je još uvijek u aktivnom razvoju, ali to je jednostavna skripta za uređivanje za vaše potrebe.