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

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

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

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

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

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

CertBot

CertBot يوفر طريقة أكثر سهولة لنشر الشهادات من Let's Encrypt. يوفر مجموعة من خطوط الأوامر مع دعم لتكوين العديد من الخوادم مثل Apache و NGINX و Plesk. الحديث عن ، دعونا تشفير هو جهد مشترك لجعل الويب أكثر أمانًا من خلال توفير شهادة SSL مجانية. يستخدم حاليًا في أكثر من 3 ملايين موقع.

Mononoki

Mononoki هو خط مصمم خصيصا لعرض التعليمات البرمجية. Mononoki متاح كخط سطح مكتب قابل للتثبيت (.الصناديق) وخط الويب (.محكمة تكافؤ الفرص, و .WOFF). إنه بديل جديد للكلاسيكية monotypes مثل موناكو ومينلو وساعي.

BideoJS

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

تطهير CSS

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

Mailgen

Mailgen هي وحدة Node لإنشاء بريد إلكتروني HTML بسيط وسهل الاستجابة. يتم توفير عدد قليل من الخيارات ، مما يتيح لك تخصيص كل منطقة من رسائل البريد الإلكتروني تقريبًا. يمكنك ضبط البريد الإلكتروني “موضوع”, رأس البريد الإلكتروني ، و “الحث على العمل” زر. يمكن أيضًا دمجه في سطح المكتب أو تطبيق الويب المستند إلى العقدة.

ديكو

ديكو هو IDE لإنشاء تطبيق جوال باستخدام مبادرة Facebook React Native. فكر في Deco مثل XCode أو Visual Studio حيث يمكنك إنشاء تطبيق باستخدام واجهة مستخدم سهلة الاستخدام باستخدام السحب والإفلات ومنزلقات وأدوات التقاط الألوان.

IE8 Linter

إن Internet Explorer 8 (IE8) هو متصفح قديم لا يدعم تقنيات الويب الحديثة مثل الرسوم المتحركة CSS3 والتحولات والانتقالات ومعظم عناصر HTML5 دون استخدام polyfill. مبدأ DRY هو أداة يمكننا استخدامها لمسح مواقع الويب للتوافق مع IE8. ويوفر التقرير والحلول.

ماعزي

ماعزي تطبيق سطح مكتب Facebook Messenger غير رسمي. إنه مبني على أعلى Node.js و Electron مما يتيح له أن يكون تطبيقًا مشتركًا بين الأنظمة الأساسية ؛ وهي متوفرة في أنظمة التشغيل OS X و Windows و Linux. كما يأتي بلونين ، الظلام والضوء.

الفوتون كيت

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

Yeoman التطبيقات

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

SQLectron

SQLectron هو عميل سطح مكتب SQL يتيح لك عرض وتنفيذ العديد من عمليات SQL بسهولة أكبر. وهو يدعم MySQL و PostgreSQL و Microsoft SQL Server. SQLectron متاح لنظام التشغيل X و Windows و Linux.

SCSS الأسرة

FamilySCSS هي مجموعة من الخلطات التي تجعل اختيار العناصر مع : نطة الطفل أكثر سهولة. الخلطات تصريحية. على سبيل المثال ، يمكنك الكتابة تضمين @ الأول (3) لتحديد العناصر الفرعية الثلاثة الأولى والكتابة تضمين @ بين (2 ، 4) لتحديد 2 إلى 4 عناصر تابعة.

EasyEngine

EasyEngine هي عبارة عن مجموعة من سطور الأوامر تتيح لك تكوين WordPress الخاص بك باستخدام أدوات ووحدات مثل Redis و Caching plugin و PageSpeed. يجعل إعداد خادم WordPress للسرعة نسيم.

Phinx

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

RichCSS

RichCSS هو إطار CSS يوفر بنية عاقلة. يقوم الإطار بتنظيم المجلدات والدلائل والفصول بطريقة مؤيدة لل DRY مما يسمح بإعادة استخدامها. علاوة على الأزرار والقوائم والنماذج ، يأتي RichCSS أيضًا مع CLI الخاص به والذي يمكنك استخدامه لبدء مشروع Rich جديد مثل Bower و Git و NPM.

فرند

فرند هي مجموعة من مكونات الويب الشائعة. تتألف المجموعة حاليًا من الأكورديون ، و Dialog Modal ، و Offcanvas ، و Tooltip ، و Tabs ، مع عدد قليل آخر سيأتي في الإصدار التالي. يمكن أن يكون Frend بديلاً جيدًا عن واجهة المستخدم jQuery.

FLA

هذا إطار شامل لإنشاء تخطيط شبكة استجابة مع Flexbox.

فب الطريق الصحيح

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

Starability

Starability هي مكتبة CSS لبناء نظام تصنيف النجوم مع ردود فعل الرسوم المتحركة الهوى. تم تصميم تصنيف النجوم مع مراعاة إمكانية الوصول ؛ يمكنك التنقل من خلال النجوم وتعيينها عبر لوحة المفاتيح.

WaitAnimate

WaitAnimate هو أداة ويب مفيدة لحساب أ “وقفة” توقيت في الرسوم المتحركة CSS واحد keyframe. ال “وقفة”, عندما يتم ذلك بشكل صحيح ، يمكن أن يؤدي إلى جعل الرسوم المتحركة أكثر جاذبية - وإليك بعض الأمثلة.