Domača » UI / UX » Z uporabo tega skripta zgradite prilagodljive razporeditve mrežnih mrež

    Z uporabo tega skripta zgradite prilagodljive razporeditve mrežnih mrež

    Prilagojena omrežja so nekatere od najtežjih lastnosti, ki jih lahko ustvarite iz nič. Lahko najdete veliko zidanih plugins omrežje, vendar jih vsak ima svoje omejitve in zahteve.

    The Muuri scenarij je močna alternativa za vse, ki potrebujejo razvrščeni in odzivni elementi omrežja s podporo za dotik.

    Zgrajen je na Velocity.js za animacije, skupaj z Knjižnica Hammer.js za upravljanje mobilnega dotika. Muuri ne zahteva jQuery, zato je to eden redkih vlačil za JavaScript v omrežju.

    Na glavni strani projekta boste našli a lepa mreža demo z vsemi funkcijami. Animacijski učinki, podpora povleci in spusti ter različni elementi mreže različnih velikosti. Ta predstavitev prikazuje, koliko nadzora imate z Muuri mrežo.

    Lahko izberete katere elemente želite prikazati, temelji na razredih (tj. filtriranju), skupaj z kako želite izpolniti prazne prostore.

    Zidarske mreže pogosto puščajo prazna mesta, ker elementi mreže se ne ujemajo vedno popolnoma. To je zelo značilno za večje spletne strani, kot je Pinterest. Čeprav lahko dodajte elemente mreže, ki jih je mogoče povleči precej v vsakem uporabniško nadzorovanem vmesniku.

    Razmisliti o socialni profili z razširjenimi postavitvami in kako bodo delovali. Ali pa razmislite seznami opravil po meri, ki se izvajajo kot progresivne spletne aplikacije v JavaScriptu. Na strani Muuri je pravzaprav velik demo, ki prikazuje vzorčni seznam opravil in kako lahko deluje kot PWA na mobilnih napravah..

    Če želite začeti, ste prav vključujejo vse odvisnosti JavaScripta, skupaj s skripti Muuri. Lahko jih potegnete navzdol skozi npm ali pa vzamete kopijo iz replike GitHub.

    Nato ti ustvarite element mreže rešetke in cilj, da z novim primerom Muuri () metodo. Vse je precej preprosto in zelo enostavno za uporabo, tako da kopirate kode iz GitHub repo.

    S polno podporo za vse sodobne brskalnike (IE9 +) in vmesnik, ki omogoča dotik, ta vtičnik je eden najboljših za mrežne funkcije povleci in spusti.

    Več o tem lahko preberete na domači strani Muuri in si ogledate predstavitve v živo. To je a odličen sistem za dinamične mreže in to je še vedno v aktivnem razvoju, tako da lahko zaupate, da bo ta vtičnik prisoten že dolgo.