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

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

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

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

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

Guetzli

ترميز جديد من جوجل ذلك يسمح بضغط الصورة لأسفل بنسبة تصل إلى 35٪ من الحجم الأولي مع الحفاظ على الجودة. إنه تقدم كبير نظرًا لوجود تشفير مفتوح المصدر مماثل ، مثل يتم تخطي JPEGOptim و jpegtran ، إلى 20٪ فقط في المتوسط. أستطيع أن أرى أنه سيكون هناك عدد من التطبيقات والإضافات لمنصة CMS تدمج Guetzli لتحسين ملفات JPEG.

خريطة طريق المطور

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

Netlify CMS

جعلت SmashingMagazine مؤخرا خطوة جريئة للتخلي عن وورد وجرب شيئًا جديدًا بالكامل باستخدام CMS جديد يسمى Netlify CMS. إنه CMS جديد مبني على أعلى React.js ويمكن أن يكون مدمجة مع أي مولد موقع ثابت مثل Jekyll و Hugo و MiddleMan.

BadSSL

انه الموقع للتحقق من تكوين SSL الخاص بك. BadSSL هي أداة مفيدة لإجراء تصحيح الأخطاء والأخطاء عبر SSL المثبتة على موقعك.

أليكس

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

AR.js

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

تتفاعل الاتجاه

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

Gitee

ا تطبيق macOS لمراقبة نشاط جيثب الخاص بك مباشرة من سطح المكتب الخاص بك, يضيف Gitee عنصرًا جديدًا على شريط الحالة يعرض عددًا من النجوم والمتابعين والإخطار. بالإضافة إلى ذلك ، يمكنك أيضا عرض الرسوم البيانية للدفع الخاص بك ويلتزم على مستودع وكذلك تتجه مستودع في الشهر الحالي والأسبوع. إنه Github على سطح المكتب باختصار.

Goops

Goops هو أ CLI مفيد من شأنه تحليل دليل المشروع الخاص بك وتحديد الدلائل والملفات لإضافتها في .gitignore. يمكن تثبيت CLI عبر NPM. بمجرد تثبيت ، اكتب goops وانتهى.

تصحيح CSS

DebugCSS هو الأداة المساعدة المنسدلة CSS تتيح لك تحليل إخراج CSS والتحقق منه على المتصفح. إنه يعمل تمامًا مثل Alix ، عند تحميل ورقة أنماط debugCSS أو استخدام bookmarklet ، يسلط الضوء على العناصر الموجودة في الصفحة والتي تسبب أخطاء أو تحذيرات.

EagleJS

EagleJS هو مكتبة جافا سكريبت لإنشاء عرض تقديمي على غرار RevealJS. EagleJS تختلف في بعض الطرق. تم إنشاؤه باستخدام Vue.js ، إطار عمل JavaScript MVC ، واستخدام Pug كنظام templating لبناء الشريحة.

BootstrapTour

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

قالب طوب

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

OctoTree

OctoTree هي أداة مساعدة لطيفة تسمح باستعراض أكواد المصدر والملفات على Github مع بنية الشجرة كما في IDEs أو محررات الأكواد. يأتي كإضافة لـ Chrome و Safari و Firefox و Opera ، ومتوفر في مستودع الإضافات الرسمي. Octotree يدعم مستودع جيثب الخاص والمؤسسات.

جيثب الإخطار

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

الوزع

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

PHPStan

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

NGINX Boilerplate

مجموعة من تكوينات Nginx الشائعة التي تشمل Backend Caching واتصال ومعدل حد الطلبات ، وبعض أفضل الممارسات الأخرى لتعزيز موقعك للسرعة وضبطه من أجل ازدحام حركة المرور.

شمبانيا

Bubbly هو سطر أوامر رائع يمكنك تثبيته على الخادم الخاص بك لإنشاء الشهادة وتجديدها باستخدام Let's Encrypt. أصبح الحصول على SSL الآن أسهل بكثير.

شبكة الوفل

ومع ذلك ، هناك إطار شبكة CSS آخر تم إنشاؤه باستخدام Flexbox وأعتقد أنه يجب عليك النظر فيه.