موارد جديدة لمصممي ومطوري الويب (ديسمبر 2015)
تم تطوير مشهد تطوير الويب بسرعة الضوء هذا العام. تم تبني CSS3 بشكل جيد ونحن أقل اعتمادًا على polyfill نظرًا لأن أحدث المتصفحات جيدة حقًا في دعم أحدث معايير الويب. تم طرح Microsoft Edge ، أصدرت Google مصدرين مفتوحين للويب: Material Design Lite و Polymer 2.0.
لذلك دعونا نختتم العام ببعض الأدوات المفيدة لمطوري الويب الآخرين. لدينا عدة مكتبات JavaScript بالإضافة إلى أدوات للعمل بفعالية أكبر مع jQuery. للعثور على المزيد ، تحقق من الموارد الكاملة لسلسلة مطوري الويب.
انقر للحصول على مزيد من المواردانقر للحصول على مزيد من الموارد
ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.
Notie.js
Notie.js هو تنبيه جافا سكريبت ، والإعلام ، ومربع الحوار ألطف. بدلا من استخدام محزر() وظيفة مما يدل على مملة وقليلا مروع مربع التنبيه ، يمكنك استبداله مع notie () وظيفة من المكتبة لإظهار تنبيه نمط قادرة. تطابق نمط التنبيه مع التصميم العام لموقعك بسهولة مع Notie.js.
جيثب كورنر
لقد أدركت مؤخرًا أن ركن جيثب ، الذي نراه عادةً على الصفحة الرئيسية لمشروع مفتوح المصدر ، يبلغ من العمر 7 سنوات بالفعل. الوقت ل تجميل. جيثب كورنر هي مبادرة لإلقاء نظرة أكثر حداثة وحديثة لشريط جيثب. يستخدم SVG بدلاً من ذلك صورة نقطية تسمح له بالبقاء حادًا في الشاشات عالية الدقة.
الحلو (سلاك) الموضوعات
أصبح Slack من أشهر تطبيق الدردشة في الشركات الصغيرة والشركات الناشئة ومع المطورين. مقارنة بالتطبيقات الأخرى مثل Skype و Google Hangouts ، فإن Slack قابلة للتخصيص بطرق متعددة بما في ذلك موضوعها - مظهر واجهة التطبيق ودقة الوضوح. فيما يلي مجموعة من سمات Slack الجاهزة للتثبيت .
التكوين مسج
jQuery هي وحدات ، مما يعني أنه بإمكاننا إزالة الوحدات غير المرغوب فيها للخروج منه بحيث يكون الحجم أكثر خفيفة. يوضح البرنامج التعليمي السابق ، كيفية إزالة الوحدات غير الضرورية في jQuery ، كيفية القيام بذلك باستخدام Homebrew ، NPM ، ولكن يتم ذلك من خلال الجهاز الطرفي. إذا كنت لا ترغب في استخدام هذه الطريقة ، يمكنك اللجوء إلى استخدام التكوين مسج. يفعل نفس الشيء مع نقرات فقط.
SummerNote
SummerNote هي مكتبة JavaScript لإنشاء محرر WYSIWYG. تم تطوير SummerNote على رأس مشاريع مفتوحة المصدر بارزة: مسج ، Bootstrap و Font Awesome. يعد نشر SummerNote سهلاً مثل نشر أي مكتبة JQuery أخرى ، وهي مكتبة بديلة مثالية لـ TinyMCE ، خاصة إذا كان موقعك يستخدم Bootstrap كأساس له أيضًا.
BackstopJS
BackstopJS هي أداة رائعة لاختبار استجابة الموقع وهي عملية شاقة. باختصار ، تجعل هذه المكتبة مهمة اختبار موقع بأحجام شاشات متعددة أكثر سلاسة عن طريق التشغيل الآلي. ستلتقط الأداة لقطات شاشة للموقع وتوضح الصفحة التي تمر وتفشل في الاختبار بناءً على المعلمات المحددة وأحجام الشاشة. يشبه أداة اختبار وحدة لنشر موقع استجابة.
SuitCSS
SuitCSS عبارة عن لوحة نحاسية ، تتألف من معالج CSS Pre-processor الخاص به الذي يدعم بناء الجملة في المستقبل لـ CSS مثل Custom Property و Custom Media Query ، وعدد قليل من فئات الأدوات المساعدة استنادًا إلى منهجية BEM لمحاذاة عناصر الحجم والموضع ، والكثير من وحدات CSS للبدء في تطوير موقع جيد البناء.
ربط
ربط هو تطبيق OS X أصلي يسمح لك ببناء واجهات ويب وتخطيطات باستخدام GridStyleSheet ، وهي خوارزمية تخطيط تم تطويرها بواسطة TheGrid. يتيح لك GSS تصميم مواقع الويب بفعالية. على سبيل المثال ، على عكس CSS ، يتيح GSS المحاذاة الرأسية لحاويات العناصر الخاصة بها مع سطر واحد من التعليمات البرمجية.
AntiModerate
AntiModerate هي مكتبة JavaScript التي تقوم بتحميل الصور بشكل أكثر ذكاء. مع هذه المكتبة ، حتى في ظل اتصالات الإنترنت البطيئة ، يمكنك تحميل صورة أصغر حجمًا أولاً بينما لا تزال الصورة الأكبر يتم تحميلها في الخلفية. بمجرد تحميلها بالكامل ، تأخذ الصورة الأكبر مركز الصدارة. يمكن أن تشكل هذه التقنية سرعة تحميل أسرع لصفحات الويب الخاصة بك.
نصائح مسج يجب أن تعرفه
عنوان رائع ومحتوى أكثر برودة ، إنها مجموعة من النصائح التي يجب أن نعرفها (نصفها أتمنى لو كنت أعرفها كثيرًا ، قبل ذلك بكثير). تماما يستحق التدقيق بها.
