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

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

دعنا نتحقق من القائمة بالتفصيل وأعلمني أيها هو المفضل لديك في قسم التعليقات أدناه.

فريد

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

Duotones

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

MDX

MDX هي المواصفات التي يجمع بين تخفيض السعر و JSX. يتيح لك ذلك القيام ببعض الأشياء المجنونة التي لم يتم القيام بها من قبل ، مثل استيراد ملفات Markdown, استخدام ملف تخفيض السعر كمكون مستقل لتضمينها في الملفات الأخرى ، واستخدام مكون React فيه.

FontDrop

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

اختبار مكتبة دوم

مكتبة JavaScript لاختبار DOM (طراز كائن المستند). يمكنك استخدام هذا ل اكتب وحدة اختبار لمكونات واجهة المستخدم على الويب, التأكد من أن واجهة المستخدم تعمل كمستخدم حقيقي. يساعدك هذا أيضًا في الحفاظ على وظيفة واجهة المستخدم الخاصة بـ UI أثناء إعادة إنشاء التعليمات البرمجية.

نفاية

رد فعل بسيط مكون ل تفريغ أو تسجيل الإخراج مباشرة في المتصفح بدلا من وحدة التحكم في المتصفح مع console.log. تم إنشاء الأداة بواسطة Wes Bos ، أحد المحاضرين الأكثر شعبية في React.

مطبوع

والتطبيق مفيد ل امض صور نظام التشغيل على قرص فلاش قابل للتمهيد. هذه العملية كانت صعبة للغاية لمتابعة. مع Etcher ، يكون الأمر سهلاً مثل 1-2-3. تدعم هذه الأداة جميع أنظمة التشغيل الرئيسية تقريبًا بما في ذلك Windows و Linux و macOS.

ني

طريقة بديلة أفضل لتثبيت حزم NPM ، يمكن لـ Ni تثبيت التبعيات المفقودة من package.json ملف, إظهار التبعيات المهملة, واجهة أفضل عموما.

Cuttlebelle

منشئ موقع ثابت لـ React.js. ، يوفر Cuttlebelle قابلية أكبر للتوسع بطريقة يمكنك تمديد تخطيط الصفحة مع المكونات القائمة على رد الفعل. إذا كنت معتادًا بالفعل على React.js ، فيمكنك بسهولة إنشاء تخطيط جديد واستخدامه في أي ملف Markdown ممكن.

ImgBlur

عنصر جافا سكريبت بسيط لتحميل الصور بطريقة حديثة ، ImgBlur يأتي مع CLI لإنشاء صورة غير واضحة من الصورة الأصلية. حجم الصورة الضبابية هو حجم صغير سيتم تحميله أولاً قبل تحميله الأصلي. تحقق من العرض التوضيحي لرؤية هذا المكون في العمل.

Dinero.js

مكتبة JavaScript لإنشاء وحساب وتنسيق الأموال ، Dinero.s. يدعم جميع العملات الدولية خارج الصندوق. يمكنك استخدام المكتبة في بيئة Node.js ، وتحميلها في المتصفحات ، باستخدام CommonJS أو EcmaScript 6.

WiredJS

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

Vuido

Vuido هو إطار تطبيق سطح المكتب خفيف الوزن مع Vue.js. يمكنك استخدام Vue.js API والعديد من الوظائف الإضافية مثل Vuex ، على سبيل المثال ، إلى بناء تطبيق سطح مكتب لأنظمة Windows و Linux و macOS. إنه بديل رائع للإلكترون.

الهجينة

مكتبة JavaScript لإنشاء عنصر HTML مخصص باستخدام مكونات الويب الأصلية باستخدام واجهة برمجة تطبيقات صديقة. توفر المكتبة واجهة برمجة تطبيقات أبسط مماثلة لتلك الموجودة في Vue.js أو React.js.

Saber.js

ا مولد موقع ثابت مصمم لـ Vue.js. لا يأتي Saber.js بأشياء رائعة كما هو الحال في Nuxt.js. الخيارات والتكوينات ضئيلة للغاية مما يجعله بديلًا رائعًا إذا كنت تريد فقط الحصول على موقع ويب ثابت يسهل الحفاظ عليه.

الرياح

يعتبر قارئ RSS و Podcast العصري متاحًا لنظامي التشغيل Windows و macOSv و Linux. يبدو التطبيق جميلًا وعصريًا مع ظل صندوقي متشابك ، وزاوية مستديرة ، وتدرجات ، وما لا. هذا جيد تطبيق لإدارة اشتراكات موقعك لمواكبة هذه الصناعة سريعة التغير.

استرخاء

محول من شأنه أن يحول HTML أو الصلصال إلى PDF. أنت قادر على إنشاء تخطيط معقد باستخدام HTML ، CSS ، JavaScript واستخدام Markdown لكتابة المحتوى الرئيسي. علاوة على ذلك ، يمكنك أيضًا استخدام مكتبة JavaScript ، مثل Chart.js لإضافة مخطط و MathJax لإضافة تنسيق Math.

نمط الخط المنظر

أداة لتحديد خطين من خطوط Google وخط أصلي مثبتين على جهاز الكمبيوتر بحيث تبدو متشابهة. هذه أداة سهلة لمطور الويب لتخفيف ذلك FOUC القبيح (فلاش من المحتوى غير الثابت) عندما لم يتم تحميل خطوط Google بالكامل حتى الآن.

PWA WP

مبادرة ل إحضار PWA (تطبيق الويب التدريجي) إلى WordPress Core. في وقت كتابة هذا التقرير ، كان هذا المشروع في مراحله الأولى. هذا مشروع مثير للاهتمام يجب عليك متابعته خاصةً إذا كنت تعمل بشكل أساسي في نظام WordPress البيئي.

Blueprint.js

تتضمن Blueprint.js مكتبة واجهة المستخدم المستندة إلى React ، مجموعة من العناصر النظامية مثل الزر وعلامات التبويب ، ومكونات واجهة المستخدم الأخرى اللازمة عادةً لبناء تطبيقات الويب الحديثة Omnibar ؛ ا مربع البحث العائم يشبه إلى حد كبير تطبيق Spotlight أو Alfred في نظام التشغيل macOS.