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

لقد حان الوقت لكي نشارك قائمة أخرى رائعة من الموارد لزملائنا من مطوري الويب. آخر مرة عرضنا فيها عددًا من المراجع والتطبيقات وبعض مكتبات JavaScript.

بالنظر إلى وجود الكثير من مكتبات JavaScript التي لم نقم بتغطيتها في هذه السلسلة ، ستحتوي هذه الدفعة على المزيد من الإضافات jQuery واثنين من المراجع لتحسين مهاراتنا كمطورين على الويب. دعونا التحقق منها.

انقر للحصول على مزيد من الموارد

انقر للحصول على مزيد من الموارد

ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.

jQueryMy

jQueryMy هو البرنامج المساعد jQuery للتعامل في الوقت الحقيقي ربط البيانات. وهو متوافق مع عناصر التحكم في المتصفح الأصلي أو المدخلات وكذلك مكتبة واجهة المستخدم مثل jQuery UI خارج الصندوق. وهي مزودة بالتحقق من الصحة والتنسيق الشرطي وإدارة التبعيات المعقدة التي تجعلها رائعة - ومع ذلك ، أخف وزنا - بديل لإطار MV * مثل Backbone.js و Ember.js و Vue.js

رئيس

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

SmoothState

تطوير الانتقال السلس الصفحة يمكن أن تكون مؤلمة حقيقية. نحن بحاجة إلى التفكير في التعامل مع دعم المتصفح لواجهة برمجة تطبيقات History ، والتخزين المؤقت ، والتحميل المسبق ، بالإضافة إلى الرسوم المتحركة لضمان تشغيلها بسلاسة وسرعة. SmoothState يأتي مع كل هذه في حزمة واحدة ، مما يسمح لنا للحصول على الخبرة وتشغيلها في وقت أقل.

SketchRunner

باختصار ، يشبه SketchRunner نظام التشغيل OS X Spotlight أو Alfred أو لوحة تحكم SublimeText. بل هو تمديد رسم ذلك يعطي واجهة بحث بسيطة للقيام بالعديد من المهام التي تتم عادة في قائمة التطبيق. انها تبسيط لمساعدتك على أن تكون أكثر إنتاجية.

يمكن الحفاظ عليها CSS

يمكن الحفاظ عليها CSS كتاب على الإنترنت يضم العديد من سنوات الخبرة, التقنيات المكررة لإنشاء CSS ممتاز يمكن صيانته على المدى الطويل عبر الأجيال.

أنماط فليكس بوكس

هذه هي مجموعة من المقتطفات وإسقاط HTML و CSS لبناء واجهة, مثل الرأس والتذييل والتنقل في القائمة ، باستخدام CSS Flexbox. إذا وجدت أن استخدام Flexbox صعب الفهم ، فهذا مصدر إلهام كبير لتعلم Flexbox أخيرًا.

وهج الحمم

Infinite Scroll هي واجهة شائعة على الويب حيث يسحب محتوى جديدًا عندما نصل إلى أسفل الصفحة. Lavalamp هي مكتبة JavaScript ، يطلق عليها اسم لتحل محل Infinite Scroll. تحقق من التجريبي.

Glio

جافا سكريبت ذلك بالكشف عن مؤشر الماوس عندما يكون على وشك مغادرة viewport مما يدل على الأرجح أن المستخدم سوف يستقيل. عندما يحدث ذلك ، يمكنك استخدامه ل تشغيل وظيفة لإظهار نموذج الاشتراك أو رسالة منبثقة بسيطة لزيادة معدل التحويل الخاص بك.

Coleure

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

CSSX

CSSX هي الأداة التي يسمح لك بكتابة CSS في JavaScript. لا شيء تغير على الرغم من ؛ وهو نفس بناء جملة CSS الأصلي الملفوف في وظيفة JavaScript. بصراحة ، لم أكن قد اكتشفت بعد كيف يمكنني الاستفادة من CSSX في أي مشروع من أعمالي ولكن يبدو رائعًا ومن الجدير بالذكر.