Ustvarite elemente za samodejno spreminjanje velikosti s Scalable.js

Če morate izdelajte prilagodljive elemente, ki samodejno zapolnijo svoje posode Priporočam Scalable. Ta brezplačen JS skript z odprtim virom je idealen za ustvarjanje tekočega dizajna brez velikega stresa.

Vse v knjižnici Scalable.js je prilagodljivo, tako da lahko spremenite slog, velikost, položaj in notranje vsebine vsakega vsebnika. Potrebujete elemente, ki so poravnani na vrhu ali dnu strani? Scalable ima možnosti za to.

Pokličite na GitHub repo, če želite izvedeti več o tem, kako to deluje.

V najosnovnejši obliki ta skript sprejme element ciljne strani in nekatere možnosti prilagajanja zaslona. Tukaj je vzorec, ki ste ga vzeli neposredno iz GitHub:

var scalable = new Skalabilno (containerEl, možnosti);

Prvi parameter je seveda kateri koli element vsebnika, ki ga ciljate (v najboljšem primeru a

ali kaj podobnega).

Parameter možnosti mora imeti niz ključev => pari vrednosti. Te možnosti vključujejo vrednosti višine posode, min in max širine, skupaj z min in maks (tj. koliko lahko poveča z notranjimi elementi).

Oglejte si glavno projektno stran za uporaben demo. Vogali vsebnika lahko povlečete tako, da bo prilagodljiv element znotraj samodejnega spreminjanja velikosti. To je precej kul, saj pod tem področjem boste našli uporabna koda neposredno s strani.

Obstajajo načini za ravnanje s prilagodljivimi elementi s čisto čistim CSS. Vendar se lahko te metode počutijo zastarele in ne ponujajo toliko nadzora kot JavaScript.

Če želite to preizkusiti, samo vzemite kopijo iz GitHuba in poglejte, kaj mislite.

Scalable je še vedno v aktivnem razvoju, vendar je preprost skript za urejanje za vaše potrebe.