الصفحة الرئيسية » تصميم المواقع » موارد جديدة لمصممي ومطوري الويب (ديسمبر 2016)

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

    نقترب من نهاية عام 2016 ، لقد كانت سنة مثيرة بالنسبة للكثيرين بما في ذلك مطوري الويب. هذا العام, ارتفعت شعبية ReactJS أضعافا مضاعفة, تم إصدار امتداد ReactJS جديد وهو موجود في قائمة مستودعات جيثب (تقريبا) كل أسبوع.

    يتم إصدار PHP7 أيضًا هذا العام مما يوفر تحسنا كبيرا في السرعة ، وكذلك الافراج عن WordPress 4.7 مع WP-API الذي طال انتظاره ميزة ، و قدم Facebook أيضًا حزمة الغزل قد تتحدى الآلية الوقائية الوطنية.

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

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

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

    لمزيد من التفاصيل حول كل من هذه الإصدارات المفيدة ، دعنا نلقي نظرة على القائمة التالية:

    منارة

    لايت هاوس أداة مفيدة من جوجل لفحص مواقع الويب الخاصة بك مقابل مقاييس تطوير الويب الحديثة ، والتي تشمل أداء تحميل الصفحة, التخزين المؤقت مع عمال الخدمة, استجابة خادم الوقت وهكذا دواليك. تأتي هذه الأدوات في شكلين ، CLI (واجهة سطر الأوامر) وملحق Google Chrome.

    FuseJS

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

    حزمة الغزل

    غزل عقدة مدير الحزمة التي بناها Facebook. إنه يقوم بشكل أساسي بنفس أداء NPM وإن كان مع التقدم في العديد من المجالات مثل السرعات, "وضع غير متصل بالشبكة" الذي يسمح لك بتثبيت الحزم دون الاتصال بالإنترنت, والأمن وكذلك الموثوقية.

    قائمة ذاكرة التخزين المؤقت

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

    Githunt

    Githunt هو امتداد جوجل كروم ذلك يستبدل صفحة Chrome الرئيسية بمستودع جيثب المتجه. يمكنك فرز النتيجة بناءً على الفترة ولغة البرمجة. إنه ، كما أعتقد, أداة يجب تثبيتها لكل مطور للبقاء على اطلاع دائم بأحدث الأدوات.

    FFocus

    ألا تستطيع التركيز على عملك وتريد إنجاز عملك بسرعة؟ حاول FFocus. أنه CLI التي تسمح لك بحظر موقع الويب لمدة محددة من خلال Terminal. FFocus يمكن أن يكون تثبيت من خلال NPM عن طريق تشغيل npm i ffocus -g أمر.

    Accesslint

    AccesslintJS هو مكتبة JavaScript للتحقق من صحة موقع الويب الخاص بك لسهولة الوصول. استخدام هذه المكتبة سهل مثل تحميلها قبل العلامة ، وسوف تحصل كل التحذيرات والأخطاء مباشرة في DevTools Console.

    Colorable

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

    MICON

    ميكون هو رمز الخط لصور توضيحية محددة من Microsoft Windows 10. هذا يمكن أن يكون استبدال كبير من FontAwesome وهو ما أعتقد أنه مفرط بالفعل.

    مرجع CSS

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

    المحلية بواسطة دولاب الموازنة

    هذا هو تطبيق واجهة المستخدم الرسومية الذي يجعل من إنشاء موقع ووردبريس محلي في نظام ماكنتوش الخاص بك سهل للغاية. التطبيق مزدحم بالأدوات المساعدة الرائعة للمطورين ، مثل ؛ “نقره واحدة” تركيب ووردبريس, الوصول إلى SSH ، وإعداد SSL السهل ، ومخطط الموقع ، و XIP.io. تم تسعير التطبيق في حوالي 149USD ، ولكن هو تم تقديمها الآن مجانًا منذ أن حصلت عليها Flywheel.

    FreeCodeCamp

    إنها الموارد الحرة لتعلم رمز للويب. وتشمل الموضوعات HTML ، CSS ، JavaScript ، و عدد قليل من المكتبات مثل ReactJS و D3. انها توفر، انه يوفر التحديات أو أمثلة المشروع بينما كنت تأخذ الدورات ، وكذلك الدروس ل تساعدك على فهم الموضوع بشكل أفضل.

    الخط OverPass

    الخط OverPass هو عائلة الخط تتكون من ثماني أوزان (200-900) ، محرف مائل وصحيح أحادي. يمكن تحميل الخط كخط ويب من KeyCDN وكذلك مثبت للاستخدام سطح المكتب. انه مصدر مجاني ومفتوح.

    قاعدة النموذج

    قاعدة النموذج هو مجموعة من قواعد نمط CSS أن إعادة تعيين عناصر النموذج التي تشمل إدخال, مربع, تحديد, و تيكستاريا مع الأساليب الأساسية بعد جميلة. هذه مكتبة CSS جيدة استخدام بالتزامن مع آخر “ريسيتر المغلق” مثل Normalize.css.

    نهاية المقدمة

    إنه إطار عمل يستخدم لإنشاء 24ways.org ؛ موردا رائعا أنك قد تنظر إلى لتعلم تقنيات CSS المتقدمة.

    فوز

    ReactJS آخذ في الارتفاع ، ويأتي ذلك عدد كبير من الملحقات لدعمه. النصر هو ReactJS المكون لإضافة intercative والرسوم البيانية أو تصور البيانات.

    جحيم

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

    Premonish

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

    طقم بدء تشغيل SPA

    هذا مثال على SPA (تطبيق صفحة واحدة) تم إنشاؤه باستخدام Laravel و VueJS. إنه بعد مورد كبير آخر لتعلم تطوير الشبكة باستخدام الأطر - إلقاء نظرة على مصدر لوقا!

    Docute

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