Web Design

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

All Web Design Content:

  1. كيف تصمم موقعاً شخصياً للسيرة الذاتية: باستخدام ثيم WordPress

    كيف تصمم موقعاً شخصياً للسيرة الذاتية: باستخدام ثيم WordPress

    Tutorial Beginner

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

  2. مرحلة اختبار افكار التصميم

    مرحلة اختبار افكار التصميم

    Tutorial Beginner

    حسنًا ، لقد أعددت المشكلة ، ولدت الكثير من الأفكار ؛ الخطوة التالية هي تحديد الأفكار التي يجب اتباعها.

  3. أفضل موارد "Figma" المجانية: قوالب ، أيقونات ، مجموعات واجهة المستخدم والمزيد

    أفضل موارد "Figma" المجانية: قوالب ، أيقونات ، مجموعات واجهة المستخدم والمزيد

    Tutorial Beginner

    خرجت شركة "Figma" كمشغل قوي جديد في عام 2016 ، ما أتاح لفريق التصميم وتطوير البرامج التعاون على أي نظام أساسي.

  4.  أطقم UX و UI الأكثر Sketch ، و Photoshop ، و Illustrator ، و XD ، و Figma

    أطقم UX و UI الأكثر Sketch ، و Photoshop ، و Illustrator ، و XD ، و Figma

    Tutorial Beginner

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

  5. إنشاء جانبية النص باستخدام "وضع الكتابة" خاصية CSS بسهولة

    إنشاء جانبية النص باستخدام "وضع الكتابة" خاصية CSS بسهولة

    Tutorial Intermediate

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

  6. كيفية بناء معرض جذاب للصور يستجيب لجميع الشاشات مع slick.js

    كيفية بناء معرض جذاب للصور يستجيب لجميع الشاشات مع slick.js

    Tutorial Intermediate

    في هذا البرنامج التعليمي ، سنستخدم slick.js ، وهو ملحق jQuery شائع ، لإنشاء معرض صور جذاب سريع الاستجابة. في ما يلي المعرض الذي سننشئه:

  7. نصيحة سريعة: تسمية BEM و مرشحات "WordPress" للتنقل

    نصيحة سريعة: تسمية BEM و مرشحات "WordPress" للتنقل

    Tutorial Intermediate

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

  8. أفضل 15 قالب صفحة هبوط - للورد بريس

    أفضل 15 قالب صفحة هبوط - للورد بريس

    Tutorial Beginner

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

  9. ما هو سكيتش وهو لأجل ماذا ؟

    ما هو سكيتش وهو لأجل ماذا ؟

    Tutorial Beginner

    ماذا تعرف عن سكيتش ؟ في هذا الفيديو من هذا الكورس , العمل والرسم مع سكيتش . انا سأعطيك مقدمه لتفيدك في التصميم . نحن سنتعلم لأجل ماذا هذا البرنامج ؟ , لما...

  10. تصميم مواقع الويب للأطفال: أهلاً بكم في مدينة توتس+ (+Tuts)!

    تصميم مواقع الويب للأطفال: أهلاً بكم في مدينة توتس+ (+Tuts)!

    Tutorial Beginner

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

  11. كل شيء عن أنظمة الشبكات

    كل شيء عن أنظمة الشبكات

    Tutorial Beginner

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

  12. قم بإنشاء مشغل صوت HTML5 مخصص

    قم بإنشاء مشغل صوت HTML5 مخصص

    Tutorial Intermediate

    خلال هذا البرنامج التعليمي أنا ذاهب ليكون تعريفك للصوت HTML5 ويظهر لك كيف يمكنك إنشاء الخاصة بك اللاعب.