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

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

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

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

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

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

    كتبت

    جافا سكريبت المكتبة التي تتيح لك تقديم الكتابة آثار قائمة النص. نوع من التأثيرات التي قد تراها على الويب مؤخرًا. مكتبة جافا سكريبت هذه هي سهل التنفيذ مع عدد قليل من الخيارات لتخصيص التأثير. يمكنك تثبيت هذه المكتبة من خلال NPM أو تحميلها عبر CDN على https://unpkg.com/[email protected].

    أوبرا نيون

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

    At.js

    At.js هي مكتبة JavaScript التي تتيح لك إضافة الوجوه الضاحكة أو ذكر الأصدقاء أو وضع علامات. شيء مثل رأينا في سلاك ، تويتر ، وفيسبوك. هذا البرنامج المساعد يتطلب jQuery ، والذي يسمح له العمل على انترنت اكسبلورر 7 و ربما استكشاف الإنترنت 6 أيضا. رائع!

    إطلاق سراح

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

    أجمل

    جافا سكريبت المجمل ضمان تنسيق شفرة JavaScript بطريقة متسقة. وهو يدعم ES2017 و JSX.

    أيو

    أيو هو موضوع نص سامية مع نداء جديد وحديث. لأنه يأتي مع 2 نغمات الظلام والضوء. أيو يعني جميلة في إندونيسيا ، وإذا جاز التعبير ؛ هذا يجعل نص سامية واجهة المستخدم أكثر جمالا.

    JSON Splora

    ا تطبيق خفيف الوزن لتحرير وتصور بيانات JSON. التطبيق متوافق مع Windows و Linux و MacOS.

    التكبير

    جافا سكريبت لتكبير الصورة بأمان. محسن للجوال ، ويعمل بشكل جيد في شاشة hi-def ، ويمكن تخصيصه بسهولة.

    Ramme

    Ramme هو عميل سطح المكتب Instagram. على الرغم من أنه غير رسمي ، ولكن ربما يمكنك تعلم اثنين أشياء جديدة من شفرة المصدر.

    غير اسم المستخدم

    ووردبريس البرنامج المساعد الذي تفعيلها مرة واحدة, يضيف “يتغيرون” حلقة الوصل بجانب إدخال اسم المستخدم و يسمح لك بتغيير اسم المستخدم.

    NodeifyWP

    NodeifyWP هو البرنامج المساعد فريد جدا وورد. انها تسمح لك باستخدام وورد كالمعتاد ثم إخراج المحتوى باستخدام وحدة Node.js. لم أحاول بعد هذا البرنامج المساعد في أي مشروع. لكن العرض التقديمي الذي رأيته في WordCamp Denpasar 2016, هذا البرنامج المساعد يبدو واعدا جدا لتحديث تطوير وورد.

    ColorMe

    ColorMe يختلف تمامًا عن تطبيقات مولد الألوان الأخرى التي رأيتها من قبل. بصرف النظر عن إنشاء رموز الألوان ، يعطي التطبيق أيضًا السيطرة على ضبط سطوع اللون ، الظل ، تدرج اللون ، التشبع ، التباين ، إلخ.

    حزم WP-CLI

    ا مجموعة من ملحقات WP-CLI يضيف أسطر أوامر ومعلمات إضافية لتنفيذ مهام إضافية مثل واحد لـ نشر WordPress على الخادم البعيد ، وترحيل موقع WordPress ، ومسح ذاكرات التخزين المؤقت, والكثير.

    خياط منشئ الصفحة

    ووردبريس البرنامج المساعد الذي يتيح لك إنشاء محتوى غير خطي مع واجهة السحب والإفلات. المكوّن الإضافي قابل للتوسيع لمكون جديد لإضافة نوع محتوى فريد. يوفر WP-API لإدارة هذه المحتويات أيضًا. يعد Tailor Page Builder هو أفضل مكون إضافي في هذه الفئة.

    XVG

    XVG هو امتداد كروم ذلك يعرض مخططات SVG الرسومية والمراس يمكن أن تساعدك على تصحيح كائنات SVG بسهولة.

    RibbonJS

    RibbonJS هي مكتبة JavaScript تمكنك من توليد شرائط زخرفية على موقع الويب الخاص بك, كما ترون لقطة الشاشة التالية. انها مجرد 1 كيلو بايت في الحجم ، و من السهل تخصيص.

    تخطيط تلقائي

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

    Funcssions

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

    Webslides

    وخفيفة الوزن و إطار سهل الاستخدام لبناء شرائح العرض التقديمي فقط باستخدام HTML و CSS. توفر Webslides حاليًا بضعة قوالب لطيفة للشرائح حيث يمكنك ذلك بدء عرض الشرائح الخاص بك على الفور.

    مرونة تصميم المواقع

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