موارد جديدة لمصممي ومطوري الويب (أغسطس 2016)

في هذه المقالة ، نعرض أطر عمل قائمة وأدوات موجهة نحو تطوير الشبكة. ومن المثير للاهتمام ، لقد وجدت بعض هذه الأدوات والأطر قادمة من شركات عملاقة مثل Microsoft و Alibaba.

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

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

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

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

CuteStrap

إطار واجهة مستخدم مبني على قمة ساس. يأتي مع جميع واجهات الويب الأكثر شيوعًا مثل النماذج والتنقلات والأزرار ، والتي يجب أن تكون كافية في العديد من الحالات. إذا وجدت الأطر الشائعة مثل Bootstrap و Foundation ساحقة, Cutestrap قد يكون بديلا رائعا بالنسبة لك.

اختبار HTML5

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

السعرات الحرارية المستعرض

السعرات الحرارية المستعرض هو امتداد Chrome يقيس وزن صفحة الويب. يقوم بمسح الملفات التي تم تحميلها ومساهمتها في إجمالي وزن الصفحة. أداة صغيرة رائعة لمساعدتك على تحسين أداء موقع الويب الخاص بك.

Weex

Weex هو إطار عمل من Alibaba لإنشاء تطبيقات الجوال باستخدام HTML و CSS و JavaScript فقط. لأنه يأتي مع وحدات ، مكونات واجهة المستخدم ، DevTools الخاصة به و CLI المصممة نحو بيئة متنقلة وتسريع التنمية.

Microsoft Web Framework (MWF)

إطار عمل من Microsoft ، مكونات واجهة المستخدم في MWF تم تصميمه استنادًا إلى لغة تصميم Microsoft الحديثة: مسطحة ونظيفة وبسيطة. يوفر هذا الإطار ، بالإضافة إلى مكونات واجهة المستخدم ، توجيهًا بشأن استخدام الألوان والطباعة والرسوم المتحركة. أعتقد أن Material Design Lite قد التقت أخيرًا مع منافس على قدم المساواة.

حيوي

حيوي هو إطار مع واجهة الحد الأدنى السرور جدا. إنه خفيف الوزن ، ولا يحتوي على جافا سكريبت ، وروغ أصليًا - بناء جملة يستند إلى روبي.

Fontea

Fontea هو امتداد Photoshop مجاني لإدارة وتطبيق مئات من خطوط Google بسهولة. يمكنك البحث عن الخط من داخل Photoshop ، ومعاينة ، وتطبيق الخط مباشرة في التصميم الخاص بك - تبسيط سير العمل الخاص بك.

رذاذ

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

المبرد

InterCoolerJS هي مكتبة JavaScript التي تجعل تطبيق AJAX على موقع الويب الخاص بك سهلاً مثل إضافة سمات HTML. إنه يأتي مع دليل شامل والعديد من الأمثلة لمساعدتك على البدء في استخدام الأداة.

Picla

Picla هو البرنامج المساعد jQuery لإظهار تسميات الصور التي تم استردادها من الصورة بديل صفة، عزا. يوفر بعض الخيارات للسماح لك بإضافة التصميم والحركة المخصصة إلى التسمية. يمكن تثبيت Picla كاعتماد على موقع الويب الخاص بك مع Bower.

IziModal

هنا هو البرنامج المساعد مسج لإظهار شكلي تظهر ظهور مفاجئ. IziModal لديه الكثير من الخيارات للتخصيص. يمكنك ، على سبيل المثال ، تخصيص الرسوم المتحركة ومحتوى النص والألوان. إنها خفيفة الوزن ، سريعة الاستجابة وجاهزة لشبكية العين.

MegaBoilerplate

MegaBoilerplate هو مولد لإعداد كومة التنمية بسرعة. انتقل إلى موقع الويب وحدد الأدوات والمكتبات (Node.js و HTML5 و Vanilla JavaScript و Electron) التي ستستخدمها كقاعدة لموقع الويب الخاص بك. سيقوم بتجميع وتكوين كل الأشياء التي تحتاجها في حزمة مضغوطة ، جاهزة للتحميل.

المولول

مكتبة JavaScript لعرض مشغل الصوت الحديث باستخدام Web Audio API, المولول يعمل في المتصفحات القديمة مثل IE9 ، ويدعم العديد من برامج الترميز الصوتية مثل MP3 ، WEBM ، WAV. الكثير من الميزات ، وحدات ، ويعمل مع أي مكتبة خارجية.

SuperEmbed

SuperEmbed هي مكتبة جافا سكريبت صغيرة تجعل الكائنات المدمجة تستجيب ، مع الحفاظ على النسبة الأصلية. وهو يدعم مجموعة واسعة من المصادر بما في ذلك Youtube و Flickr و Vine و VideoPress و DailyMotion. انظر التجريبي.

CleaveJS

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

التقليب نموذجي

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

طاولة خفيفة

بيئة تطوير متكاملة جديدة أعتقد أنها تستحق الاستكشاف. لقد بدأ كمشروع KickStarter ، بدعم من Matt Mullenweg (مؤسس WordPress) ، وأخيرًا أصبح مفتوحًا المصدر. يمكنك مشاهدة هذا الفيديو للتعرف على مدى روعة IDE هذا.

ضاغط

ضاغط هو تطبيق ويب يقوم بضغط ملفات الصور وصولاً إلى أصغر حجم دون فقدان جودة الصورة. وهو يدعم JPG و GIF و PNG و SVG كذلك. هذا التطبيق مجاني.

موقع مسح مايكروسوفت

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

تعطيل التدوين

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