Izgradite prilagodljive raspored raspoređivanja mreže s ovim skriptom

Prilagođene mreže su neke od najtežih značajki koje možete stvoriti od nule. Možete pronaći mnoštvo zidanih mrežnih dodataka, ali oni svaki ima svoja ograničenja i zahtjeve.

Muuri pismo je jaka alternativa za svakoga tko treba sortable & responsive grid elementi s podrškom za dodir.

Izgrađena je Velocity.js za animacije, zajedno sa Hammer.js knjižnica za rukovanje mobilnim dodirom. Muuri ne zahtijevaju jQuery, tako da je jedan od nekoliko vanilla JavaScript dodataka za mrežna sučelja.

Na glavnoj stranici projekta pronaći ćete prekrasan demo rešetke sa svim značajkama. Učinci animacije, podrška za povlačenje i ispuštanje i različiti elementi mreže različitih veličina. Ovaj demo prikazuje samo koliko imate kontrolu s Muuri mrežom.

Možeš odabrati koje elemente želite prikazati, na temelju klasa (tj. filtriranja), zajedno s kako želite ispuniti prazna mjesta.

Masonske rešetke često ostavljaju prazna mjesta jer elementi mreže uvijek se savršeno uklapaju. To je prilično tipično za veće web-lokacije kao što je Pinterest. Iako, možete dodajte elemente mreže koji se mogu povući na gotovo svako korisničko sučelje.

Misli o društveni profili s widgetiziranim rasporedima i kako će raditi. Ili, razmislite prilagođene popise zadataka koji se prikazuju kao progresivne web-aplikacije na JavaScriptu. Tu je zapravo dobar demo na stranici Muuri koja prikazuje uzorak popisa zadataka i kako bi to moglo funkcionirati kao PWA na mobilnim uređajima.

Da biste započeli, vi samo uključuju sve JavaScript ovisnosti, zajedno s Muuri skriptama. Možete ih povući kroz npm ili uzeti kopiju iz GitHub repo-a.

Onda, ti stvoriti element rešetke spremnika i ciljati na novu instancu Muuri () način. Sve je to prilično jednostavno i posebno jednostavno za korištenje kopiranjem isječaka koda iz GitHub repo-a.

S punu podršku za sve moderne preglednike (IE9 +) i sučelje omogućeno dodirom, ovaj dodatak je jedan od najboljih za značajke povlačenja i ispuštanja.

Saznajte više čitanjem preko Muuri početne stranice i promatranjem uživo. Ovo je odličan sustav za dinamičke mreže I je još uvijek u aktivnom razvoju, tako da možete vjerovati da će ovaj dodatak biti tu za dugi put.