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

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

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

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

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

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

الخط OverPass

بز الخط هو خط مجاني مستوحى من الطريق السريع القوطي. الطريق السريع القوطي هو محرف اعتمد على نطاق واسع في العديد من البلدان لإشارات الطرق بسبب وضوحها عبر المسافات والسرعات العالية. يأتي OverPass Font بأربعة أوزان للخطوط (رفيعة وعادية وشبه غامقة وجريئة) وأحرف كبيرة وصغيرة ، ويمكن أيضًا تحويلها إلى خط ويب.

رخصة: OFL (Open Font License)

Pa11y

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

المزيد من الموارد حول إمكانية الوصول:

• الويب الحديثة وإمكانية الوصول [فيديو]
• قائمة التشغيل: إمكانية الوصول بواسطة Thomas Bradly [فيديو]
• نظرة على معايير الويب لـ ARIA وإمكانية الوصول إلى تطبيقات HTML

PressureJS

يقيس Apple Touch Force أساسًا ضغط الإصبع على الشاشة أو لوحة التعقب ، والذي يمكن استخدامه لإضافة وظائف إضافية. يمكن للمطورين الاستفادة من هذه التقنية لإضافة قابلية الاستخدام إلى تطبيقات OS X أو iOS الأصلية الخاصة بهم. PressureJS هي مكتبة جافا سكريبت التي السنانير في واجهات برمجة التطبيقات Touch Touch ويتيح لك تطبيقه على مواقع الويب الخاصة بك.

SplitJS

SplitJS هي مكتبة جافا سكريبت خفيفة الوزن تتيح لك تقسيم إطار عرض نافذة المتصفح إلى عدة أقسام. ربما تكون قد رأيته يستخدم بشكل شائع في تطبيقات الويب لمشاركة الكود مثل CodePen.io أو JSFiddle أو JSBin حيث يتم فصل مساحات عمل HTML و CSS و JS إلى أقسام خاصة بهم.

FlexibilityJS

Flexbox يجعل ترتيب تخطيطات الويب أسهل بكثير. ومع ذلك ، نظرًا لأنه لا يعمل في Internet Explorer 9 و 8 ، فغالبًا ما يتعين على مطوري الويب الرجوع إلى استخدام المزعج المعروف تطفو خاصية. FlexibilityJS هنا حتى تتمكن من ذلك استخدام Flexbox دون ترك هذه المتصفحات القديمة وراء.

LabellaJS

LabellaJS يصنع إنشاء جدول زمني المسمى أسهل بكثير. لديك عدد من الخيارات تحت تصرفك للتحكم في موضع الملصق والاتجاه والعرض والارتفاع وخوارزمية التخطيط. وهو يعمل مع AMD loader مثل RequireJS ، ويمكن استخدامه بشكل جيد مع Browserify و Node.js. لا التبعية المطلوبة.

بول

بول هو أكثر من مجرد إطار CSS آخر. هي معبأة مع الكثير من المكونات للمساعدة في عملية البناء بما في ذلك خادم مدمج ، إعادة شحن مباشر ، sourcemap ، تصغير ، مصادقة الكود, و مولد موقع ثابت. كما يأتي مع مكتبات JavaScript الخاصة به مع ميزات لتحسين الواجهة الأمامية لموقع الويب الخاص بك.

المرق

المرق هو ملف مسطح القائم CMS تشبه Jekyll ، مولد موقع ثابت. ومع ذلك ، يمكن تمديده من خلال السمات والإضافات ، مثل WordPress. على سبيل المثال ، يمكنك التثبيت لإضافة لوحة المسؤول والرموز القصيرة والتعليقات والنماذج وملف Sitemap. إنها بشكل عام نظام إدارة محتوى رائع قد يكون أيضًا منافسًا كبيرًا لنظام إدارة المحتوى الأكثر رسوخًا.

PatternPack

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

OhCrash!

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