موارد جديدة لمصممي ومطوري الويب (فبراير 2017)
سلسلة Resouces جديدة لمطوري الويب لديها تشغيل لمدة 4 سنوات حتى الآن, والحفاظ على هذه السلسلة قد أعطاني نظرة ثاقبة إلى حد كبير على كيفية تقدم الويب على مر السنين. هناك أدوات جديدة تخرج كل شهر لجعل تطوير الشبكة أسهل.
في هذه الدفعة ، جمعناها عدد من الأدوات الجديدة, والتي تشمل مكتبات جافا سكريبت, بضع مكتبات CSS ، والمرجعية لتحسين المهارات الخاصة بك. دعونا التحقق منها.
انقر للحصول على مزيد من المواردانقر للحصول على مزيد من الموارد
ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.
شرح
جافا سكريبت هي تولي aplication سطح المكتب لسهولة الحمل على منصة مختلفة ، وكذلك العمل بنفس جودة التطبيق الأصلي. هذا التطبيق, شرح, على سبيل المثال هو بنيت على رأس الإلكترون. إنه تطبيق بسيط يسمح لك بالبحث في ملفات الترجمة (.الصربية) لإرفاق الفيديو الذي تشاهده.
رائع سطر الأوامر OSX
ل قائمة هائلة من خطوط الأوامر مفيدة ومفيدة لنظام التشغيل MacOS. هنا قد تجد الكثير من الأشياء التي يمكن القيام بها من خلال CLI مثل “مسح قائمة انتظار الطباعة”, “إخفاء مجلد في مكتشف”, و “منع نوم النظام”.
تريفور
تريفور هو ببساطة ترافيس CI القيام به غير متصل على الانترنت. ترافيس هي خدمة تكامل مستمر حيث اختبار المطورين برامجهم لمعرفة ما إذا كان البرنامج يعمل بشكل صحيح بيئات متعددة. تريفور لا يزال في مرحلته المبكرة. حاليا يدعم فقط “NodeJS”.
تدريجيا
جافا سكريبت لطيفة مكتبة لتحميل الصورة تدريجيا, وبالتالي الاسم. سيتم عرض الصورة الصغيرة وعدم وضوحها أثناء قيام المتصفح بتحميل الصورة كاملة. هذه يساعد موقع الويب الخاص بك تحميل أسرع بكثير خاصة إذا كان يحتوي على صور كبيرة.
QartJS
هذا هو جافا سكريبت ذلك يجعل رمز الاستجابة السريعة أقل مملة. مع هذا ، يمكنك تراكب رمز الاستجابة السريعة على صورة - مثل صورتك.
الفسفور الابيض عامل الميناء
الفسفور الابيض عامل الميناء هو بيئة دوكر مصممة خصيصا لتطوير وورد. البيئة قائمة بذاتها ولن تؤثر على نظام الكمبيوتر الخاص بك في حالة قيامك بالتهيئة. إنها بديل رائع لـ Vagrant و Valet و Local و MAMP.
Rellax
Rellax هي مكتبة جافا سكريبت ل خلق تأثير المنظر على صفحة التمرير. لأنه يأتي مع عدد قليل من الخيارات وسهلة نسبيا التكوين. انها خفيفة الوزن ، تشغيل بسرعة فائقة ، و لا يتطلب أي تبعية مثل مسج وبالتالي فهو بديل رائع للمكتبات الأخرى في هذه الفئة مثل Parallax.js أو Scrollax.js.
يتكلم بوضوح
مكتبة جافا سكريبت أخرى رائعة. توضيح يجلب الاصطناعى صوت إلى موقع الويب الخاص بك. أنه قادرة على تحليل وقراءة موقع الويب الخاص بك, يمكن في النهاية تحسين إمكانية الوصول إلى موقع الويب الخاص بك للمستخدمين ذوي الرؤية الضعيفة.
MonetizeJS
MonetizeJS هي مكتبة جافا سكريبت ل تنفيذ الشريط بسهولة. سهلاً مثل استخدام jQuery.
Vonic
Vonic هي عبارة عن مجموعة من واجهة المستخدم ل المحمول بنيت باستخدام Vue.js و Ionic CSS. ويضم الكثير من مكونات واجهة المستخدم الموجودة عادة في الهاتف المحمول بما في ذلك خانة اختيار ونموذج بحث وماسحة وما يسمى الأكورديون. يمكنك استخدامها لإنشاء تطبيق لتطبيقات الجوال النموذج المبدئي الحق في المتصفح.
مكتبة مكون WordPress
10up ، أحد الأسماء البارزة في WordPress ، أصدر مكتبة واجهة المستخدم المصممة خصيصا لورد. على عكس مكتبة UI الأخرى التي توفر فقط أكواد CSS و HTML ، توفر 10Up أيضًا مقتطف شفرة PHP الذي يمكنك لصقه في المظهر الخاص بك. المكون يشمل التنقل ، علامات التبويب ، تلميحات الأدوات ، الخطوط ، و Blogrol.
جافا سكريبت بدء الأداء
رائعة و مقالات مفصلة من عدي عثماني, أحد مهندسي Google ، حول كيفية كتابة JavaScript التي تعمل بسرعة فائقة. أنا أشجعك على قراءتها حتى رفع مستوى المهارات جافا سكريبت الخاص بك.
KuteJS
Kute هو مكتبة جافا سكريبت لأداء الرسوم المتحركة. انها اشتعلت فيها النيران بسرعة وكفاءة فائقة في استهلاك الذاكرة. لديها ملحقات وأدوات إضافية للسماح لتطبيق الرسوم المتحركة في CSS و SVG وحتى البرنامج المساعد jQuery لبناء جملة أكثر ملاءمة.
PWA الصخور
تطبيق الويب التدريجي (PWA) هو منهجية يسمح لموقع ويب بتشغيل سريع وقابل للاستخدام. تسرد قائمة PWA Rocks هذه التي تم اعتمادها من قِبل Google باعتبارها PWA. إلى معرفة المزيد عن PWA من جوجل ألق نظرة على: تطبيقات الويب التقدمية.
جيثب التحديث التلقائي
جيثب التحديث التلقائي هو مكتبة الملحن التي تتيح تحديث البرنامج المساعد الخاص بك من جيثب. هذا هو برنامج مفيد للمطورين للحفاظ على الإضافات لعملائهم دون بالضرورة تحميله على مستودع جيثب.
بطاقة
البطاقة هي مكتبة JavaScript الذي يجعل إدخال بطاقة الائتمان أكثر جاذبية ويحسن تجربة المستخدم الخاصة بك أثناء إدخال أرقام بطاقات الائتمان الخاصة بهم. هذا يعمل بشكل جيد مع jQuery و React و Angular و Ember.
غراف
غراف قم بتوفير تراكب فوق صفحتك لمعرفة كيفية وضع الشبكة - العمود ، الصف ، المزراب -. بامكانك ايضا توليد مواصفات الشبكة الخاصة بك باستخدام API المقدمة.
Luxbar
لوكسبار إطار CSS لإنشاء التنقل استجابة بسهولة. ببساطة إضافة ورقة أنماط وإضافة HTML بشكل صحيح. يمكنك تثبيت هذه المكتبة من خلال NPM ، Bower ، أو ربط ورقة أنماط مباشرة من CDN.
شبكة التباين
قائمة يُظهر الجدول تباين الألوان ودرجة إمكانية الاعتماد الخاصة به بناءً على WCAG 2.0. يمكنك تغيير القيمة على الجدول ، ومعرفة ما إذا كانت مجموعة الألوان تتوافق مع معيار WCAG أم لا.
ToneJS
ToneJS هي مكتبة جافا سكريبت ل إنشاء نغمة أو صوت قد ترغب في الحصول على آلة موسيقية. أعتقد أن هذه المكتبة ستكون مفيدة لبناء محاكي للآلات الموسيقية على شبكة الإنترنت أو لعبة المؤثرات الصوتية.
