לבנות פריסות רשת מינית עם סקריפט זה

רשתות מותאמות אישית הם חלק מהתכונות הקשות ביותר ליצור מאפס. אתה יכול למצוא שפע של תוספים רשת בנייה אבל הם כל אחד יש מגבלות משלהם & דרישות.

ה מוורי סקריפט היא חלופה חזקה לכל מי צריך אלמנטים grid למיין & עם תמיכה מגע.

הוא בנוי מהירות עבור האנימציות, ביחד איתי ספריית Hammer.js לטיפול במגע נייד. Muuri לא דורשים jQuery, אז זה אחד של כמה וניל JavaScript plugins עבור ממשקי הרשת.

בדף הפרויקט הראשי, תמצא הדגמה יפה עם כל התכונות. אפקטי אנימציה, גרור ושחרר תמיכה, ואלמנטים שונים ברשת בגדלים שונים. הדגמה זו מציגה כמה שליטה יש לך עם רשת Muuri.

אתה יכול לבחור אילו אלמנטים להציג, בהתבסס על שיעורים (כלומר סינון), יחד עם איך אתה רוצה למלא רווחים ריקים.

רשתות בנייה לעיתים קרובות להשאיר כתמים ריקים כי אלמנטים ברשת לא תמיד מתאימים זה לזה בצורה מושלמת. זה אופייני למדי עבור אתרי אינטרנט גדולים יותר כגון Pinterest. אמנם, אתה יכול הוסף פריטים grggable רשת כדי די הרבה ממשק המשתמש נשלט.

תחשוב על זה פרופילים חברתיים עם פריסות widgetized ואיך הם יעבדו. או, לחשוב על מותאמות אישית כדי לעשות רשימות פועל כמו יישומי אינטרנט מתקדמים על. יש למעשה הדגמה גדולה של זה על דף Muuri לראווה רשימת מטלות וכיצד זה יכול לעבוד כמו PWA על הנייד.

כדי להתחיל, אתה פשוט לכלול את כל תלות JavaScript, יחד עם סקריפטים Muuri. אתה יכול למשוך אותם למטה באמצעות npm או לתפוס עותק של ריפו GitHub.

אז אתה ליצור רכיב רשת מיכל ו כי עם מופע חדש של Muuri () שיטה. זה הכל די פשוט וקל במיוחד לשימוש על ידי העתקת קטעי הקוד מן ריפו GitHub.

עם תמיכה מלאה עבור כל הדפדפנים המודרניים (IE9 +) וממשק המאפשר מגע, תוסף זה הוא אחד הטובים ביותר עבור גרור & ירידה תכונות הרשת.

למידע נוסף על ידי קריאה דרך הבית Muuri ו tinkering עם הדגמות חיות. זה מערכת גדולה עבור רשתות דינמיות וזה עדיין בפיתוח פעיל, אז אתה יכול לסמוך על תוסף זה הולך להיות סביב לאורך זמן.