موارد جديدة لمصممي ومطوري الويب (مايو 2017)
ا مجموعة من موارد الويب المفيدة هو شيء يتطلع إليه مطور الويب حقًا في مجموعة أدواته. لذلك ، كوني مطورًا نفسيًا ، أسعى لتقديمك أفضل وأحدث موارد تطوير الويب كل شهر.
جمع هذا الشهر يتضمن التطبيق المجاني للاهتمام ل screencasting, بضعة أطر تستند إلى لغة تصميم المواد ، ومكتبتين لاختبار الأداء ، و CLIs ، و حفنة لدينا من الموارد المفيدة الأخرى. لذلك ، دعونا نتحقق منها واحدة تلو الأخرى في ما يلي.
انقر للحصول على مزيد من المواردانقر للحصول على مزيد من الموارد
ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.
كاب
كاب هو أنيق مسجل الشاشة قليلا ل MacOS. إنه تطبيق مفتوح المصدر تم إنشاؤه باستخدام تقنية الويب. شيء واحد أنا أحب في هذا التطبيق هو أنه يقدم تحويل الفيديو مباشرة خارج الصندوق. يُعد Kap بديلاً رائعًا لتسجيل تطبيقاتك أو العرض التوضيحي المباشر لموقع الويب.
Sizzy
Sizzy هو أداة تطوير لاختبار موقع الويب الخاص بك استجابة في أحجام viewport متعددة على شاشة واحدة. إنه تطبيق مفيد للغاية مقارنةً بـ المضاهاة المدمجة في Chrome. Sizzy كما يأتي كروم التمديد.
موسى UI
ا مكتبة واجهة المستخدم على أساس مبدأ تصميم المواد تم بناء Muse UI أعلى Vue.js 2.0 ، وهو مزود بأدوات تصميم المواد مثل Appbar و Card و Dialog. انه رائع إطار لبناء وتشغيل واجهة المستخدم بسرعة.
المتقدمة WP-CLI
أنا معجب كبير WP-CLI واستخدامها كل يوم تقريبا في عملي كمطور WordPress. ومع ذلك ، فقد اكتشفت مؤخرًا أن WP-CLI يسمح لك بذلك إنشاء سقالة PHP UnitTest لسمة! هذه قائمة WP-CLI الاستخدام المتقدم من WP-CLI المشرف ، دانيال Bachhuber, نفسه.
جنون
الجنون هو قائمة بذاتها رسم ملف عارض لنظام التشغيل Windows. يعمل بشكل رائع مع ملف Sketch الذي يحتوي على نصوص وصور نقطية وحتى تدرجات وظلال. هذا لا يتطلب اتصال بالإنترنت, وبالتالي يمكن للمطورين العمل على ملفات Sketch من أي مكان. و إنه مجاني تماما.
K6
مسائل السرعة في كل جانب من جوانب تطبيق الويب تقريبًا. ولكن كيف تقيس سرعة موقع الويب الخاص بك؟ حسنا, الجواب هو K6. إنه يحاكي حركة المرور إلى موقع الويب الخاص بك ويقوم بتحميل الموقع في مدة معينة كما لو كان حركة مرور حقيقية. باختصار ، K6 هو UnitTest للأداء.
مدقق الخدمة
قائمة كبيرة من تطبيقات الويب ل تحقق من الكثير من الأشياء مثل DNS و Load و Speed و SEO و Security و SSL. العديد من هذه الأدوات مجانية ، ومع ذلك ، هناك عدد قليل من الخدمات المتميزة المدرجة فيها تقديم ميزات متقدمة للمستخدمين.
SVGito
هي أداة الويب الصغيرة ل قم بتحسين SVG التي تم إنشاؤها من تطبيق Sketch. الصق كود SVG الخاص بك على موقع الويب وسوف يعيد الرمز المحسن على الفور.
Launchaco
العثور على اسم كبير لبدء التشغيل الخاص بك أمر صعب ، وأصبح الحصول على معالج اسم المستخدم المتاح على وسائل التواصل الاجتماعي أكثر صعوبة. لونشاكو هو أداة مفيدة لذلك يسمح لك بالعثور على أسماء النطاقات ، أسماء المستخدمين للوسائط الاجتماعية المختلفة مثل Twitter و Facebook و Instagram وغيرها ، ويساعدك توليد الشعار لطيفة من عملك.
بغيض
ا مجموعة من الرسوم المتحركة فريدة من نوعها القيام به مع CSS. من فضلك لا تشغل الرسوم المتحركة ، إذا لم تكن قوياً وعقلاً بما يكفي لرؤيتها.
المغلق الشبكة ورقة الغش
يمكن أن يكون تعلم شبكة CSS مخيفًا جدًا عندما يتعلق الأمر بعدد من الخصائص الجديدة, وحدة قياس جديدة ، وأيضا ما يقرب من نموذج جديد كامل لبناء تخطيط الويب. هذه الأداة ، كما يوحي الاسم ، هي لمساعدتك الحصول على قدميك بعيدا عن الأرض مع CSS الشبكة.
Workbox
Workbox هو مبادرة جديدة من Google لإنشاء تطبيق الويب التقدمي (سلطة المياه). وهو يشبه Yeoman أو إنشاء تطبيق React في طريقة يمكنك الحصول على كل شيء جاهزة في سطر واحد من القيادة.
مافو
Mavo هو مشروع مفتوح المصدر جديد من Lea Verou. إنها مكتبة تقوم بتشغيل علامات HTML العارية وعدد قليل سمات مخصصة في تطبيق ويب يعمل. Mavo أسهل في المتابعة مقارنة بالمكتبات الأخرى مثل Backbone أو Vue.js أو React كما تسمح المستخدمين أقل ذكاء التكنولوجيا لبناء تطبيق ويب بسرعة وسهولة.
المواد واجهة المستخدم
تشبه إلى موسى واجهة المستخدم ، بل هو إطار واجهة المستخدم على أساس لغة تصميم Meterial. هذا واحد هو مبني باستخدام React. الأمر متروك الآن لتفضيلاتك ؛ إذا كنت مع فريق Vue.js أو فريق رد فعل.
صورة كسول
كسول الصورة هي عنصر HTML مخصص لتحميل الصورة عند الطلب. هذا العنصر custome يوفر إضافية .نشيط
كائن داخل كائن العنصر الذي يمكنك استخدامها لتشغيل الصورة لتحميل في أي حدث أو تفاعل المستخدم ما تحتاج إليه.
ماك CLI
هذه أداة أنيقة ل إدارة ماك الخاص بك من خلال محطة. ببساطة اكتب تحديث لجنة الهدنة العسكرية
لتحديث ماك أو اكتب عرض ماك
والتي سوف تعد ماك الخاص بك (تقليل جميع التطبيقات ، وإغلاق المتصفحات ، وإرسال الملفات من سطح المكتب والتنزيلات إلى المهملات وتعيين عدم الإزعاج وضع) قبل إعطاء العرض التقديمي. كم ذلك رائع!
حفظك مستيقظا
KeepingYouAwake هي أداة مساعدة لشريط القوائم لـ MacOS منع جهاز Mac من الدخول في وضع السكون لمدة محددة أو طالما تم تفعيلها. يمكنك تثبيت هذا التطبيق باستخدام Homebrew.
JSON تغذية
أخيرا! هذا ال المواصفات القياسية لتقديم خلاصة المحتوى في JSON شكل. هناك بالفعل ووردبريس البرنامج المساعد> مصممة للتنفيذ. هذا يجب أن يجعل حياة مطوري الويب أسهل. دعونا فقط نقول وداعا ل XML.
كربون
باختصار ، الكربون هو Moment.js لـ PHP. فمن مكتبة PHP لتوليد و معالجة التاريخ والوقت سلاسل.
متسابق سريع
آخر أداة لاختبار وحدة الأداء. بينما ستقوم K6 بإجراء اختبار التحميل عن طريق إرسال مستخدمي Virutal لمحاكاة الزيارات وحركة المرور ، فإن SpeedRacer سوف يقوم بذلك تقييم أداء عرض الصفحة على المتصفح. SpeedRacer يمكن أن يكون رفيق جيد ل K6.