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

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

تحتوي القائمة على مزيج مثير للاهتمام من الأدوات التي تتراوح من مكتبة Sketch بواسطة مجتمع WordPress والتي ستتيح لك إنشاء نموذج أولي لواجهة WordPress ، حفنة من أدوات تمتد React.js و Vue.js, واثنين من المراجع لرفع مستوى تنمية المهارات الخاصة بك. دعونا التحقق منها.

WPRIG

وقد تم تصميم وورد بريس موضوع الكل في واحد التي أنشأتها مورتن راند هندريكسن مع بناء مسبقا عملية باستخدام الأدوات الحديثة مثل تكامل Gulp و Babel و ESLint و Visual Studio Code. سوف يساعدك على إنشاء سمة WP رائعة دون متاعب تكوين أدوات التطوير المحيطة.

VueNative

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

SketchPress

الناس في 10up قد أصدرت للتو SketchPress وهو قالب تخطيطي لإنشاء نماذج ورسومات واجهة إدارة WordPress بسرعة وتصميمات. إنه مكتظ بواجهة مستخدم المشرف الشائعة مثل الزر الأساسي وشريط القوائم و Dashicons و Metabox ، إلخ. SketchPress هي أداة رفيق رائعة لمطوري WordPress لمحاذاة إعدادات المكون الإضافي أو إعدادات السمة أو صفحة الخيارات مع المشرف WordIress.

Docz

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

Animista

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

GridToFlex

يوجد مثالان لتخطيط ويب شائع تم تصميمهما باستخدام CSS Grid الأصلي واستخدام Flexbox كاحتياطي للمتصفح الذي لا يدعمه حتى الآن. تحقق من مشاركتنا: مقدمة في CSS Grid Layout Module.

RatioBuddy

أداة لطيفة ل إنشاء مربع مع CSS مع نسبة محددة, فمثلا, 1: 1, 3: 4, ستقوم الأداة بإنشاء الشفرة بتنسيق SCSS لنسخها.

كيفية GraphQL

GraphQL هو بديل لهيكل البيانات REST و How to GraphQL هو مورد شامل لمعرفة ذلك. إنه أكثر فعالية بكثير من REST لأنه سوف يسحب فقط البيانات المطلوبة مما يقلل من مقدار الحمل ونقل البيانات.

تاريخ العينة

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

Transfer.sh

إنها أداة مفيدة لمشاركة الملفات من خلال الأمر Shell. يمكنك تحميل أي نوع من الملفات لمدة تصل إلى 10 جيجابايت. كما يدعم تشفير الملفات. وهل ذكرت أنه مجاني تمامًا?

FB Sonar

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

JSUI

هذا التطبيق مليء بمجموعة من الأدوات لتوفير طريقة أفضل لتنظيم مشاريعك. يمكنك إنشاء مجموعة ، إنشاء مشروع جديد باستخدام بعض المشاريع الشعبية مثل React و Vue و Angular ، قم بتثبيت تبعية للمشروع ، وقم بتشغيل خادم Node.js والمزيد. تطبيق رائع لأولئك الذين يديرون عشرات المشاريع.

BrainMonkey

أداة اختبار وحدة PHP مصممة مع بعض الأدوات المحددة لبرنامج WordPress. ويوفر الأدوات التي تسمح ل قلد وظائف PHP. كما يوفر مجموعة من الأدوات خارج الصندوق للتعامل مع بعض وظائف ووردبريس مثل ADD_ACTION remove_action على سبيل المثال لا الحصر ، والتي هي عموما صعب لاختبار.

كسورية

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

نملة تصميم برو

“AntDesign” هي واحدة من أطر عمل واجهة المستخدم الشعبية القائمة على React.js وهذا هو “طليعة” نسخة مصممة لتطبيق المؤسسة. يتضمن العديد من المكونات الإضافية غير الموجودة في حزمة AntDesign الشائعة مثل AvatarList و HeaderSearch و TagSelect.

الإطار لديه أيضا أدوات التطوير المضمنة مثل أداة Build و Test Suite و Deployment حتى تتمكن من العمل على الكود على الفور بدلاً من إضاعة الوقت في تكوين سير العمل.

LuminJS

صغيرة جدا مكتبة جافا سكريبت لتسليط الضوء على النص على موقع الويب الخاص بك. يعمل بسلاسة مع بنية DOM معقدة ويمكن برمجته بحيث يمكنك ضبط السرعة والتصميم والرسوم المتحركة.

مطالبات

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

المعرفة

وورد البرنامج المساعد بارد من شأنه تحسين البحث في مكتبة الوسائط WordPress بتصنيف الصور باستخدام Google Cloud Vision API. على سبيل المثال ، إذا كنت قد قمت بتحميل “طائر” الصورة ، يمكنك البحث في الصورة باستخدام الكلمة الأساسية “طائر” سواء تم تضمين الكلمة الأساسية في اسم الصورة أو اسم الملف أو بيانات التعريف أم لا.

DevTube

مجموعة من مقاطع فيديو ، تم سحبها من Youtube ، للعديد من مؤتمرات المطورين مثل JSConf و Google TechTalk و O'Reilly. احصل الآن على الفشار ورفع مستوى مهارات ديف لديك.

Reactive.how

البرمجة التفاعلية في ارتفاع. نموذج جديد في البرمجة خاصة حول الويب حيث يكون دفق البيانات وفيرًا ويتدفق باستمرار كل مللي ثانية. هذا المورد هو مبادرة من Cèdric Soulas إلى يعلمك مبادئ تفاعلي برمجة.