10 הכי מרתק jQuery רשתות

jQuery הוא בדרך כלל הבחירה הראשונה עבור רוב האנשים שרוצים לטבול את רגליהם תכנות JavaScript כפי שהוא מספק שיטה קלה לבחור אלמנטים HTML ולטפל DOM. jQuery הוא פופולרי מאוד, על פי הנתונים הסטטיסטיים האחרונים של W3Techs, “jQuery משמש על ידי 95.4% מכלל האתרים שאת ספריית JavaScript אנחנו מכירים.”

jQuery משמש גם על ידי ספריות רבות של JavaScript כמו תלות, ואת גרסת אלפא של המהדורה החדשה החדשה, jQuery 3.0 כבר שם בחוץ. אם הפרויקט שלך משתמש jQuery בכל דרך ואתה רוצה דינמי, גמיש עבור העיצוב שלך כדאי לשקול לכלול תוסף רשת jQuery לתוך מחסנית frontend שלך.

איך jQuery רשתות עבודה?

רשתות jQuery מאפשרים לך ליצור Pinterest דמוי פריסות עבור האתר שלך. הם עובדים כמו מטריצה ​​וירטואלית, הם בצע את “תיבה בתוך תיבה” עקרון. רשתות jQuery באופן דינמי לחשב מה הוא הסדר הטוב ביותר של פריטים ולאכלס את הדף איתם בצורה משאיר את החלל הפחות ריק, משהו כמו מה שאתה רואה בתיבות אלה כאן.

היתרון העיקרי של רשתות jQuery לעומת רשתות CSS הוא שהם עובדים עם תמונות או אלמנטים מדיה אחרים בעלי רוחב וגבהים שונים. אפקטים JavaScript מגניב הם גם סיבה גדולה להשתמש ברשתות jQuery כדי ליצור פריסה מודרנית.

בהודעה זו אתה יכול לקרוא על 10 הכי מרתק jQuery רשתות כי כרגע החוצה בשוק - כמובן, בדיוק כמו jQuery, כולם הם קוד פתוח ללא תשלום.

1. jQuery מקונן

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

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

2. פריוול

Freewall מאפשר לך ליצור את הפריסה אתה רוצה אם היא רשת תמונה, רשת מקוננת, בנייה או רשת מטרו בסגנון. יש לו אפשרויות רבות שניתן להגדיר כמו משתני JavaScript כגון gutterx, guttery, הנפש, תא, cellH, וכו 'יש אירועים מותאמים אישית כגון onGapFound ו onResize, ושיטות מותאמות אישית גם כן.

אתה יכול למצוא דוגמאות קוד נחמד באתר האינטרנט שלהם. Devs גם אכפת נשמות המסכן שעדיין צריך לעצב עבור דפדפנים ישנים, כך Freewall תומך 8, וגם יש לו פתרון עבור, כפי שהיא משתמשת CSS 3 אנימציות כאסטרטגיה גבירה JS. בדוק את המאמר שלנו על Freewall כאן.

3. בנייה

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

זה תוסף שימושי הוא הבסיס של נושאים רבים וורדפרס פופולרי. אתה אפילו לא צריך להעלות אותו לשרת שלך כפי שאתה יכול בקלות לקשר את הספרייה ישירות CDN.

>