Realizarea de planuri responsabile de sortare grid cu acest script

Grilaje personalizate sunt unele dintre cele mai dificile caracteristici de creat de la zero. Puteți găsi o mulțime de pluginuri de rețea de zidărie, dar ele fiecare are propriile limitări și cerințe.

Muuri script este o alternativă puternică pentru oricine are nevoie elemente de grila cu elemente touch-sensitive.

Este construit pe Velocity.js pentru animații, impreuna cu Hammer.js bibliotecă pentru manipularea touch-ului mobil. Muuri nu cere jQuery, deci este unul dintre puținele pluginuri JavaScript vanilla pentru interfețele de rețea.

Pe pagina principală a proiectului, veți găsi a demo de rețea cu toate caracteristicile. Efecte de animație, suport drag & drop și elemente de grilă diferite de dimensiuni diferite. Acest demo arată cât de mult control aveți cu o rețea Muuri.

Tu poti alege care elemente de afișat, bazate pe clase (adică filtrare), împreună cu cum doriți să completați spații goale.

Grilele de zidărie lăsând adesea pete goale deoarece elementele grilei nu se potrivesc întotdeauna perfect perfect. Acest lucru este destul de tipic pentru site-uri mai mari, cum ar fi Pinterest. Deși puteți adăugați elemente de rețea draggable la aproape orice interfață controlată de utilizator.

Gandeste-te profile sociale cu structuri widgetized și cum ar funcționa. Sau gândiți-vă liste de sarcini personalizate care rulează ca aplicații web progresive pe JavaScript. Există de fapt un demo minunat de acest lucru pe pagina Muuri care prezintă o listă de eșantioane și cum ar putea funcționa ca un PWA pe mobil.

Pentru a începe, doar tu include toate dependentele JavaScript, împreună cu scripturile Muuri. Puteți să le trageți prin npm sau să luați o copie din repo GitHub.

Atunci tu creați un element de rețea container și tinta cu o noua instanta a Muuri () metodă. Este foarte simplu și foarte ușor de utilizat, prin copierea fragmentelor de cod din repo GitHub.

Cu suport complet pentru toate browserele moderne (IE9 +) și o interfață cu touch-enabled, acest plugin este unul dintre cele mai bune caracteristici pentru drag & drop grila.

Aflați mai multe citiți prin pagina de pornire Muuri și trăgând cu demo-urile live. Acesta este un un sistem grozav pentru rețelele dinamice si este încă în dezvoltare activă, astfel încât puteți avea încredere în acest plugin care va fi în jur pentru călătoria lungă.