Vytváranie odpovedajúcich rozvrhnutých rozložení mriežky pomocou tohto skriptu

Vlastné mriežky sú niektoré z najtvrdších funkcií, ktoré môžete vytvoriť od začiatku. Môžete nájsť veľa murivo mriežky pluginy, ale oni každý má svoje vlastné obmedzenia a požiadavky.

Muuri skript je silnou alternatívou pre každého, kto potrebuje usporiadané a reagujúce prvky mriežky s dotykovou podporou.

Je postavený na Velocity.js pre animácie, spolu s Knižnica Hammer.js pre ovládanie mobilného dotyku. Muuri nie vyžadujú jQuery, takže je to jeden z mála pluginov Java pluginy pre sieťové rozhrania.

Na hlavnej stránke projektu nájdete a krásne demo mriežky so všetkými funkciami. Animačné efekty, podpora drag & drop a rôzne prvky mriežky rôznych veľkostí. Táto demo zobrazuje, akú kontrolu máte s sieťou Muuri.

Môžeš si vybrať ktoré prvky zobrazíte, založené na triedach (t.j. filtrovanie) spolu s ako chcete vyplniť prázdne medzery.

Murivové mriežky často ponechávajú prázdne miesta, pretože prvky mriežky nie vždy dobre zapadajú dohromady. To je docela typické pre väčšie webové stránky, ako je Pinterest. Aj keď to môžete pridajte zásuvné položky siete na skoro každé užívateľsky ovládané rozhranie.

Myslieť na sociálne profily s widgetized layouts a ako budú fungovať. Alebo premýšľať vlastné zoznamy úloh spustené ako progresívne webové aplikácie v jazyku JavaScript. Na stránkach Muuri je naozaj skvelé ukážky, ktoré predstavujú vzorový zoznam úloh a ako by to mohlo fungovať ako PWA na mobilnom telefóne.

Ak chcete začať, práve ste zahrňte všetky závislosti na jazyku JavaScript spolu s skripty Muuri. Môžete si ich stiahnuť z npm alebo vytiahnuť kópiu z GitHub repo.

Potom ty vytvorte prvok mriežky kontajnera a zamerať sa na nový príklad Muuri () metóda. Je to všetko celkom jednoduché a obzvlášť jednoduché na použitie kopírovaním úryvkov kódu z repo GitHub.

s plnú podporu pre všetky moderné prehliadače (IE9 +) a dotykové rozhranie, tento plugin je jedným z najlepších funkcií drag & drop mriežky.

Získajte viac informácií čítaním na domovskej stránke Muuri a hraním na živých ukážkach. Toto je skvelý systém pre dynamické siete a jeho stále aktívneho rozvoja, takže môžete veriť, že tento plugin bude na dlhú trať.