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

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

لمزيد من الموارد الجديدة لمطوري الويب ، اتبع السلسلة.

CodePad

CodePad هو تطبيق ويب يمكنك استخدامه لحفظ ومشاركة الرموز. وهو يدعم لغات برمجة متعددة تتراوح من CSS إلى XSLT. يمكنك ضبط مقتطفات الشفرة الخاصة بك على وصول خاص حتى تتمكن فقط من رؤيتها ، أو تركها في متناول الجميع ، مما يسمح لمحركات البحث باستلامها.

UINames

إذا كان اختيار اسم مستخدم عند فتح حساب لأي خدمة عبر الإنترنت أمرًا صعبًا بالنسبة لك ، فكر في مدى صعوبة أن يصمم المصممون أسماء وهمية كملء محتوى أو عنصر نائب في النماذج الأولية.. UINames يسمح لك بإنشاء بعض الأسماء العشوائية - مثل Lorem Ipsum ، ولكن لأسماء الأشخاص بدلاً من ذلك. يمكنك اختيار اسم على أساس الجنس أو حتى على البلدان (مثل اليابانية والصينية وفيتنام).

DevTools التطبيق

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

Is.js

Is.js هي مكتبة جافا سكريبت في متناول يدي صغيرة تسمح لك بتشغيل التقييم بشكل حدسي باستخدام هو طريقة. يمكنك اختبار أي أنواع بيانات تقريبًا بما في ذلك String و Array و Time و RegEx (التعبير العادي) وحتى البيئة.

سيقوم المثال التالي من التعليمات البرمجية بتقييم ما إذا كنا في Internet Explorer 6:

 var IE6 = is.ie (6) إذا (IE6) // run function هنا 

TheatrJS

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

TintUI

TintUI هي مجموعة من لوحات الألوان المستمدة من مصادر متعددة. يمكنك هنا العثور على الألوان التي تم استخدامها في iOS أو Android Material Design أو في Microsoft Windows. تسهل هذه الأداة اختيار اللون ، ما عليك سوى النقر على أي تجانب لنسخ نسخة Hex الخاصة بهذا اللون.

Transformicons

Transformicons هي مجموعة من أزرار التبديل الشائعة التي ستتحول إلى شيء مختلف عند النقر فوقها. يمكنك أن تجد شعبية “هامبورجر” الرموز التي ستتغير إلى رمز علامة مشتركة أو سهم. يوفر Transformicons أيضًا أداة Build التي يمكنك استخدامها لإنشاء HTML و CSS و JavaScript فقط للأيقونات المحددة.

فيفالدي

Vivaldi هو متصفح جديد صممه نفس الفريق الذي بنى الإصدار الأول من Opera باستخدام محرك Presto. على الرغم من أن Vivaldi لا يزال في مهده ، إلا أنه يشحن بالفعل بميزات مفيدة مثل “أوامر سريعة” لتخصيص اختصارات التنقل ، ومجموعات علامات تبويب تجمع علامات تبويب متعددة في علامة تبويب واحدة. التطوير مستمر ، مع المزيد من الميزات التي تأتي مثل دعم Mail and Extension.

أبل ووتش نموذج بالحجم الطبيعي

لدينا بالفعل نماذج بالحجم الطبيعي للأجهزة المكتبية والأجهزة اللوحية والهواتف الذكية ، لذا فهي مسألة وقت فقط قبل وجود نماذج بالحجم الطبيعي للساعات الذكية. إذا كنت بحاجة إلى نماذج بالحجم الطبيعي لساعة Apple Watch ، فهذا هو الموقع الذي يجب الإشارة إليه. ستجد أيضًا نماذج بالحجم الطبيعي لأيقونات iOS و iPhone 6.

فتحة الخط

Slot Font هو خط مصمم بشكل فريد. إنه خط مستدير مع زخرفة نصف دائرة بداخله. يأتي الخط بتنسيق OTF ، ومن الجيد استخدامه كعنوان ملصق. إنه مجاني للاستخدام في كل من المشاريع الشخصية والتجارية.