أفضل 10 مسج شبكات
عادةً ما يكون jQuery هو الخيار الأول لمعظم الأشخاص الذين يريدون تراجع أقدامهم في برمجة JavaScript لأنه يوفر طريقة سهلة لتحديد عناصر HTML ومعالجة DOM. تحظى jQuery بشعبية كبيرة ، وفقًا لإحصائيات W3Techs الحديثة, “يستخدم jQuery من قبل 95.4 ٪ من جميع المواقع التي نعرف مكتبة جافا سكريبت.”
يستخدم jQuery أيضًا من قِبل العديد من مكتبات JavaScript كتبعية ، وإصدار ألفا من الإصدار الرئيسي الجديد ، jQuery 3.0 موجود بالفعل هناك. إذا كان مشروعك يستخدم مسج بأي شكل من الأشكال وتريد تخطيط ديناميكي ومرن من أجل التصميم الخاص بك ، يجب مراعاة تضمين ملحق شبكة jQuery في مكدس الواجهة الأمامية.
كيف تعمل شبكات jQuery?
تتيح لك شبكات jQuery إنشاء تخطيطات تشبه Pinterest لموقعك. أنها تعمل مثل مصفوفة افتراضية ، فإنها تتبع “مربع داخل مربع” المبدأ. تقوم شبكات jQuery بحساب ما هو أفضل ترتيب للعناصر بشكل حيوي وملء الصفحة معهم بطريقة تترك أقل مساحة خالية ، مثل ما تراه في هذه المربعات هنا.
الميزة الرئيسية لشبكات jQuery مقارنة بشبكات CSS هي أنها تعمل مع الصور أو عناصر الوسائط الأخرى ذات العرض والارتفاعات المختلفة. تعد تأثيرات JavaScript الرائعة أيضًا سببًا كبيرًا لاستخدام شبكات jQuery لإنشاء تخطيط حديث.
في هذا المنصب يمكنك أن تقرأ عن 10 شبكات jQuery الأكثر روعة الموجودة حاليًا في السوق - بالطبع ، تمامًا مثل jQuery ، كلها مفتوحة المصدر ومجانية.
1. مسج المتداخلة
مسج متداخلة يوفر لك مفيد تخطيط الشبكة متعدد الأعمدة التي تستجيب ويعمل عبر جميع أنواع الأجهزة. هذا البرنامج المساعد مسج تعلن نفسها خالية تماما من الفجوة. في البداية ، قد يبدو هذا الشعار بمثابة خدعة تسويقية رخيصة ، لكن المكون الإضافي يحقق في الواقع حرية الفجوة بشكل جيد للغاية ، تمامًا كما وعد به منشئوه.
يتبع jQuery Nested نصًا فريدًا في ملء مصفوفة الشبكة. أولاً ، تقوم بإنشاء شبكة متعددة الأعمدة ، ثم تقوم بمسح المصفوفة بحثًا عن الثغرات وتعبئتها بإعادة ترتيب العناصر المختلفة. أخيرًا - وهذه هي الخطوة التي تجعل هذه الشبكة خالية من الفجوات - تقوم بتغيير حجم أي عنصر في الصف السفلي لا يتناسب بشكل صحيح مع الفجوة.
2. Freewall
يتيح لك Freewall إنشاء التخطيط الذي تريده سواء كان شبكة صور ، أو شبكة متداخلة ، أو بناءًا أو شبكة بأسلوب المترو. لديه العديد من الخيارات التي يمكنك تعيينها كمتغيرات JavaScript مثل gutterX ، مزراب ، تنشيط ، cellW ، cellH, إلخ. لها أحداث مخصصة مثل onGapFound و onResize, وطرق مخصصة كذلك.
يمكنك العثور على أمثلة رمز لطيفة على موقعه على الانترنت. اهتمت الـ devs أيضًا بالأرواح الفقيرة التي لا يزال عليها تصميم المتصفحات القديمة ، لذلك يدعم Freewall انترنت اكسبلورر 8, ولها أيضا حل لسكريبت المعوقين, كما يستخدم الرسوم المتحركة CSS 3 كاستراتيجية احتياطية JS. تحقق من مقالتنا على Freewall هنا.
3. البناء
يجب أن يكون اسم الماسونية الجيدة القديمة مألوفًا لدى آذان كل مصمم ذي خبرة. في حال لم تكن قد سمعت عن ذلك ، الماسونية هو مكتبة تخطيط الشبكة المتتالية يعمل مع كل من jQuery و vanilla JavaScript.
هذا البرنامج المساعد في متناول يدي هو أساس العديد من موضوعات WordPress الشائعة. لست مضطرًا حتى إلى تحميله على الخادم الخاص بك حيث يمكنك بسهولة ربط المكتبة مباشرة من CDN.
>
