موارد جديدة لمصممي ومطوري الويب (يوليو 2017)

ينتقل الوقت ونحن الآن في منتصف عام 2017. في أقساط هذا الشهر ، لدينا مجموعة من مكتبات JavaScript الرائعة وعدد قليل آخر مثل البرنامج المساعد لتمكين GraphQL في WordPress وتطبيق سطح المكتب لتقديم بيانات CSV وعدد قليل من مواقع الويب إطار أعمال. دعونا التحقق منها.

HeroPatterns

مجموعة من نمط قابل للتكرار مصنوع من SVG التي يمكنك استخدامها كخلفية في موقع الويب الخاص بك. تم تجهيز الموقع مع إعداد مفيد ل تخصيص اللون والتعتيم من النمط ويتيح لك ببساطة نسخ ولصق الرمز لإضافته في CSS.

TestCafe

TestCafe هو أداة اختبار نهاية إلى نهاية (e2e) يتيح لك اختبار مواقع الويب وتطبيقات الويب كما لو كان مستخدمًا حقيقيين قيد الاستخدام. وسوف أتمتة عدة أشياء عند إجراء الاختبار بما في ذلك بدء تشغيل المتصفحات ، تشغيل وحدة اختبار محددة ، إنشاء تقارير, لقطات الشاشة وكذلك sourcemap لاستكشاف الأخطاء وإصلاحها بسهولة.

SugarJS

SugarJS هي مكتبة جافا سكريبت ل التلاعب بالأشياء والمصفوفات والتواريخ مع بناء جملة أجمل وأكثر قابلية للقراءة. تأتي المكتبة أيضًا مع عدد قليل من وظائف الأداة ، على سبيل المثال, .escapeHTML () والتي سوف تحويل عناصر HTML إلى تنسيق الكيان الخاص بهم.

الآنسة

مكتبة جافا سكريبت في متناول يدي ل بدوره الوقت ، وعدد وسلسلة العادية إلى ميلي ثانية. مللي ثانية ("يومين"), على سبيل المثال ، سيتم تحويلها إلى 172800000.

pa11y

مجموعة كبيرة من الأدوات للمساعدة تحسين إمكانية الوصول على موقع الويب الخاص بك وتطبيقات الويب. يتكون pa11y من CLI لاختبار أي صفحات ويب لأي مشكلات تتعلق بإمكانية الوصول ، لوحة القيادة لإظهار تقارير ولدت من الأخطاء والتحذيرات, و CLI تم تصميمه خصيصًا لأداة CI مثل Codeship أو Travis.

أيقونات الريشة

ا مجموعة من الرموز مع فيبي الحديثة. تعد هذه الرموز مناسبة تمامًا لموقع الويب والتطبيقات المصممة لأي منصات (iOS أو Windows أو Ubuntu). الرموز تأتي في SVG وكذلك في مكونات React and Angular.

الرد على الرحلة

تتفاعل وحدة ل بناء تكوين الرسوم المتحركة في التطبيق الخاص بك. المكتبة مستوحاة من Principle for Sketch التي يمكنك من خلالها إضافة التفاعل إلى مكون واجهة المستخدم بسرعة وسهولة.

BounceJS

مكتبة ل إنشاء الرسوم المتحركة مع تأثير ترتد. يتم تشغيل الرسوم المتحركة بواسطة CSS3 وعدد من الرسوم المتحركة المحددة مسبقًا. يمكنك تثبيت مكتبة JavaScript من خلال npm أو كوخ الدرع أو ببساطة نسخ الرسوم المتحركة CSS ولدت في الموقع.

Bojler

Bojler هو إطار البريد الإلكتروني مع المبدأ التوجيهي لكتابة كود HTML من شأنها أن تقدم بشكل صحيح على عملاء البريد الإلكتروني الأكثر شعبية. يمكنك العثور على المزيد من أطر البريد الإلكتروني في منشورنا السابق.

Devicon

مجموعة من أيقونات لغات البرمجة ، أدوات التصميم والتطوير. تتوفر الرموز بتنسيق SVG و Font. بعض خاص أيقونات مثل Firefox و AWS و HTML5 تأتي أيضًا مع بدائلها التفصيلية. رائع جدا الحق?

الآن طقم واجهة المستخدم

واجهة مجموعة استجابة على أساس Bootstrap 4. ذلك يضم 50 عنصرًا و 3 قوالب مخصصة. بصرف النظر عن إصدار HTML ، يتم توفير واجهة المستخدم أيضًا بتنسيقات PSD و Sketch.

T-التمرير

تي التمرير هو مكتبة جافا سكريبت لتطبيق الرسوم المتحركة عندما يكون هناك عنصر مرئي في منفذ العرض. وهي مجهزة بعدد قليل من الخيارات والرسوم المتحركة مسبقا.

اوري المحرر

ORY هو محرر ويب حديث ويمكن الوصول إليه على شبكة الإنترنت. محرر ORY هو مبنية على قمة React و Flux. يجعل التحرير سهلاً من خلال السماح للمستخدمين بتحرير المحتوى ورؤية النتيجة على الفور دون الحاجة إلى معرفة بناء جملة خاص مثل HTML أو تخفيض السعر.

TadViewer

برنامج TadViewer مفيد تطبيق سطح المكتب لعرض CSV ويعمل على البيانات والملفات الكبيرة. التطبيق متاح على ماك ، ويندوز ، ولينكس.

التمرير السلس Polyfill

أثبت التمرير السلس أنه يقدم تجربة مستخدم أكثر إمتاعًا. تم اقتراحه الآن وصياغته رسميًا في W3C. في الوقت الحالي ، تعمل فقط في Chrome و Firefox و Opera. استخدام هذه المكتبة ل محاكاة سلوك التمرير السلس في Internet Explorer و Safari.

لا شكرا

مكتبة جافا سكريبت لعرض الإخطارات, يسهّل Noty إظهار Alart أو Success أو Error أو Warning أو Information أو رسالة حوار. يمكن استخدامه مع مكتبة للرسوم المتحركة مثل mo.js و bounce.js لجعل إخطار الشرائح داخل وخارج بأمان.

الحجلة لعبة القفز

الحجلة هي مشروع مفتوح المصدر تم إنشاء مثيل له بواسطة LinkedIn. إنه إطار عمل يسهل على المطورين إضافة جولات المنتج. تحقق من العرض التوضيحي للحصول على مثال مباشر وواجهة برمجة التطبيقات.

SurveyJS

SurveyJS هي مكتبة جافا سكريبت أخرى رهيبة. كما يوحي الاسم ، هو عليه مصممة لخلق مدخلات المسح. ويتميز أنواع المدخلات المختلفة لملء إجابات المسح و كما تم نقلها إلى عدة أطر جافا سكريبت شعبية بما في ذلك AngularJS و VueJS و React.

الفسفور الابيض GraphQL

GraphQL في ارتفاع وقد يكون منافس قوي ليحل محل REST الهندسة المعمارية أن القوى تقريبا جميع واجهات برمجة التطبيقات على شبكة الإنترنت. هذا هو البرنامج المساعد الذي سوف يسمح لك استرجع محتوى ووردبريس الخاص بك باستخدام GraphQL. فيما يلي مرجع كبير حول كيفية اختلاف REST و GraphQL عن بعضها البعض.

محرر موناكو

موناكو محرر هو محرر ذلك القوى محرر رمز البصرية. تم تصميمه بواسطة Microsoft وهو يدعم العديد من اللغات خارج الصندوق بما في ذلك HTML و CSS و LESS و CoffeeScript و PHP إلى جانب Intellisense التي تساعدك على كتابة التعليمات البرمجية بشكل أسرع.