Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

All HTML/CSS content:

  1. 15 أفضل مشغلات فيديو HTML5

    15 أفضل مشغلات فيديو HTML5

    Tutorial Beginner

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

  2. أفضل 15 مشغل صوت HTML5

    أفضل 15 مشغل صوت HTML5

    Tutorial Beginner

    لحسن الحظ، أضحت HTML5 المعيار لتصميم الويب متعدد الوسائط. لقد انتهت أيام المشاكل الناتجة عن ملحقات Flash وSilverlight، لأن دعم HTML5 لعناصر الصوت والفيديو...

  3. أكثر من 25 نموذجًا مجانيًا للتحميلات المتوافقة مع Joomla CMS للتنزيل (2018)

    أكثر من 25 نموذجًا مجانيًا للتحميلات المتوافقة مع Joomla CMS للتنزيل (2018)

    Tutorial Beginner

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

  4. 7 وحدات CSS قد لم يسبق لك معرفتها

    7 وحدات CSS قد لم يسبق لك معرفتها

    Tutorial Beginner

    من السهل أن يجد المرء نفسه آسيراً للعمل بتقنيات الـ CSS المألوفة لديه، إلا أن من شأن ذلك أن يضعه في موقفٍ ضعيف عند ظهور مشاكلَ جديدة.

  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. قم بإنشاء مشغل صوت HTML5 مخصص

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

    Tutorial Intermediate

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

  10. التصميم والتعليمات البرمجية في التطبيق فيسبوك المتكاملة: HTML + CSS

    التصميم والتعليمات البرمجية في التطبيق فيسبوك المتكاملة: HTML + CSS

    Tutorial Beginner

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

  11. أنواع الصور واستخدامها في تصميم مواقع الإنترنت

    أنواع الصور واستخدامها في تصميم مواقع الإنترنت

    Tutorial Beginner

    هل تساءلت يوما ما هو الفرق بين JPEG و GIF و PNG الصور التي نستخدمها على الإنترنت؟ كمصمم – ولا سيما مصمم ويب – من المهم أن نعرف الفرق بين تنسيقات الصور...