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

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

أيضا ، في وظيفة اليوم ، وأنا أيضا ميزة عدد من الأدوات الجديدة التي هي حاليا في الارتفاع. دعنا ننتقل إلى ما لدينا أكثر في القائمة.

VuePress

أداة جديدة من خالق Vue ، VuePress هو مولد موقع ثابت صمم مع Vue.js في الاعتبار. فهو يولد ويصدر مسبقا HTML ثابت لكل صفحة ، و يعمل ك SPA (تطبيق أحادي الصفحة). لأنه يأتي مع بعض الميزات خارج الصندوق بما في ذلك القدرة على إضافة Google Analytics ID والبحث والبحث والتنقل التالي والسابق والشريط الجانبي و سلطة المياه الفلسطينية.

IMG-2

مكتبة جافا سكريبت التي تقدم عنصر مخصص, img و2. يضيف العنصر الجديد عددًا من التحسينات التي لا تأتي مع المعيار IMG جزء, تحسين كيفية تحميل الصورة للمستخدمين. باستخدام العنصر المخصص ، سيتم تخزين الصورة مؤقتًا مسبقًا ، أيضًا تحميل بطيىء الصور وإرادة العرض من ذاكرة التخزين المؤقت فقط عندما تدخل الصور في إطار العرض الخاص بالمستخدم. تحقق من التجريبي.

تابلر

لوحة تحكم / لوحة أنيقة بناء على Bootstrap 4. تتميز لوحة القيادة بمكونات مسبقة الصنع مثل الرسوم البيانية والنماذج والمعارض وجدول التسعير ولطيفة مجموعة من الرموز المخصصة. نقطة انطلاق رائعة للسماح للمطورين ببناء لوحة إدارة بسرعة. تحقق من التجريبي!

DayJS

DayJS مكتبة جافا سكريبت لتنسيق التواريخ والأوقات. أكثر من ذلك ، يتميز DayJS بواجهات برمجة تطبيقات مماثلة لـ Moment.js ، ومع ذلك فهو يزن فقط 2 كيلو بايت في الحجم. بالنظر إلى ذلك ، يمكن أن يكون بديل كبير ل Moment.js, إذا كنت ترغب في مكتبة أخف حتى الآن الحفاظ على الإلمام بما كنت تعرف بالفعل.

UnifiedArchive

مكتبة PHP للتعامل مع الملفات المضغوطة ، يدعم UnifiedArchive مجموعة واسعة من التنسيقات بما في ذلك رر ، الرمز البريدي ، غزيب ، القطران, والكثير من أنواع الضغط الأخرى. مع هذه المكتبة ، يمكنك أرشفة واستخراج الملفات أو الدلائل. ويوفر حفنة من واجهات برمجة التطبيقات لمعالجة الملفات بعد أن تم استخراجها من الأرشيف. UnifiedArchive متاح كحزمة ملحن.

مختبر جيثب التعليمي

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

ووردبرس] UnitTest DOM محلل

نصيحة لطيفة من تاكايوكي مياوتشي اختبار DOMElement عند تنفيذ UnitTest في تطبيقات WordPress. أنا شخصيا وجدت هذا مفيدا حقا. آمل أن تجد ذلك هو نفسه.

Popmotion

مكتبة جافا سكريبت للرسوم المتحركة على نحو سلس زبدة على شبكة الإنترنت, “Popmotion” يوفر واجهة برمجة تطبيقات تسمى الفيزياء والتي تسمح لك بإنشاء مع تأثيرات الحركة الواقعية القريب. إنه غير مفتوح. المكتبة ببساطة مخرجات القيم بناء على مجموعة محددة من التكوين. يتيح لك ذلك تطبيق هذه المخرجات لتحريك أي وسيط بما في ذلك CSS و SVG و Three.js وحتى React.js.

Driver.js

مكتبة جافا سكريبت التي تسمح لك “قيادة” التركيز المستخدم على الصفحة. هذا مفيد بشكل خاص إذا كنت ترغب في تقديم ميزات محددة أو إرشادهم إلى مهام محددة على الصفحة. Driver.js هو مجرد 4 كيلوبايت في الحجم وقابلة للتخصيص وصديقة للوحة المفاتيح.

استبدال GIF المتحركة مع الفيديو

GIF موجود في كل مكان ، بعد العودة الرائعة. لكن المشكلة في GIF هي أنها عادة ما تكون ضخمة للغاية. إنها مضيعة للنطاق الترددي ، لكن جودة الرسوم غالبًا ما تكون فظيعة. هذه المبدأ التوجيهي من جوجل يوضح كيف “فيديو” قد يحل محل GIF لإظهار الرسومات المتحركة.

قناع النص

مكتبة جافا سكريبت ل تحويل النص الذي يتطلب تنسيق خاص مثل رقم الهاتف أو العملة أو رقم بطاقة الائتمان. أثناء قيام المستخدم بالكتابة في النص ، سيتم تحويله تلقائيًا إلى تنسيقه المناسب مما يؤدي إلى تحسين تجربة المستخدم. TextMask يمكن استخدامها مع React أو Vue أو JavaScript القديمة فقط.

مقارنة سرعة موقع الجوال

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

VueNut

رفيق التطوير عند إنشاء تطبيق ويب باستخدام Vue.js و Vuex ، يجعله VueNut أسهل لاستكشاف حالة البيانات المخزنة ويسمح لك بمعالجة البيانات أثناء التطوير بسهولة. أشياء رائعة!

FoundationDB

قامت Apple مؤخرًا بتصنيع FoundationDB مفتوح المصدر في جيثب. انه مفتاح قاعدة بيانات زوج النظام الذي يعد قابلية التوسع والأداء. من الرائع أن تبدأ شركات التكنولوجيا الكبرى في التخصيص لفتح بعض منتجاتها.

كتب قصصية

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

GhostText

امتداد المتصفح الذي سوف مزامنة ما تكتبه على المتصفح لمحرر النص الخاص بك أو العكس. لقد وجدت هذا مفيدًا في نهاية المطاف إذا كنت ترغب في أن تكون قادرًا على الكتابة على موقع ويب بكل راحة وميزات محرر الكود. GhostText متاح لمتصفح Chrome و Firefox و Opera.

COALA

Coala هو يوفر CLI واجهة للشفرة وإصلاح التعليمات البرمجية بغض النظر عن اللغات المستخدمة. يمكنك استخدام Coala داخل محرر الشفرة ، ودمجها مع CI (التكامل المستمر) ، وتخصيصها مع بناء جملة التكوين في .coafile. Coala يدعم العديد من اللغات مثل CSS و JavaScript و PHP ، ويمكنك العثور على المزيد في هذا الدليل.

ReactStrap

ReactStrap عبارة عن مجموعة من مكونات Bootstrap 4 التي تحولت إلى مكونات React قابلة لإعادة الاستخدام. إذا كنت ترغب في تحديث موقع الويب القديم المستند إلى Bootstrap ، فهذه المكتبة قد ترغب في الاطلاع عليها.

Reacto

أداة أخرى ذات صلة React ، Reacto هو بنيت IDE على رأس Electron ومصممة لتطوير تطبيقات الويب مع ReactJS. هذا يبدو مفيدًا حقًا إذا كان التطوير الأساسي يدور حول ReactJS.

PicoJS

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