Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.
  1. 50 معارض الصور ممتازة يمكنك استخدام اليوم

    50 معارض الصور ممتازة يمكنك استخدام اليوم

    Tutorial Beginner

    في ما يلي 50 من معارض الصور المجانية المفضلة التي يمكنك توصيلها بالتصميم بسرعة. لقد تم بناؤها مع كل شيء من CakePHP إلى jQuery إلى Ruby on Rails. صيحة لجميع...

  2. 5 امثلة لقوالب السيرة الذاتية/CV المهيئة للويب

    5 امثلة لقوالب السيرة الذاتية/CV المهيئة للويب

    Tutorial Beginner

    اصبح سوق اكثر تطورا فربما يطلب منك صاحب العمل رابط موقعك الخاص بدلاً من ورقة. تعمل السيرة الذاتية على الإنترنت على تحسين عرض مهاراتك كالـPDF الخاص بك —...

  3. تحميل ملفات مع أياكس

    تحميل ملفات مع أياكس

    Tutorial Intermediate

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

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

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

    Tutorial Beginner

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

  5. كيفية انشاء متغيرات ال"CSS" بواسطة "Avocode 3"

    كيفية انشاء متغيرات ال"CSS" بواسطة "Avocode 3"

    Tutorial Beginner

    في هذا البرنامج التعليمي سأوضح لك كيفية إنشاء متغيرات CSS باستخدام Avocode 3. سنستخدم تصميمًا تم استيراده من أحد تطبيقات التصميم مثل "Adobe XD" أو "Sketch".

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

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

    Tutorial Intermediate

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

  7. كيفية استخدام التحجيم المسار الضمني على الشبكة الخاصة بك CSS

    كيفية استخدام التحجيم المسار الضمني على الشبكة الخاصة بك CSS

    Tutorial Beginner

    حتى الآن لدينا دروس الشبكة CSS قد ركزت إلى حد كبير على أحجام القيم صريحة – المسار الذي لقد حددنا صراحة. لقد استخدمنا الصفوف التي يتم 200px عالية، أو ربما...

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

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

    Tutorial Intermediate

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

  9. الشروع في العمل مع CSS وظائف الرياضيات المستوى 4

    الشروع في العمل مع CSS وظائف الرياضيات المستوى 4

    Tutorial Beginner

    تعد الرموز الوظيفية جزءًا من الوحدة النمطية للوحدات النمطية للوحدات CSS ، والتي تعد أيضًا موطنًا للوظائف الرياضية المفيدة مثل calc () ، واعتبارًا من المستوى...

  10. اسرع 5 موارد لاتقان نسق (Css Grid )

    اسرع 5 موارد لاتقان نسق (Css Grid )

    Tutorial Beginner

    في معلومة اليوم سوف أريك خمس موارد لإتقان نسق ال(CSS grid) هيا بنا!

  11. Project: Build a Complete Website With Middleman 

    Project: Build a Complete Website With Middleman 

    Tutorial Beginner

    في الجزء الثالث من هذه السلسلة ، سنحصل على أيدينا القذرة ونبدأ في إنشاء موقع لموقع podcast وهمي: "Matcha Nerdz". سنستخدم Middleman و Bourbon و Neat و...

  12. فهم المغلق إحصائيات: كيفية الاستفادة القصوى الأرقام

    فهم المغلق إحصائيات: كيفية الاستفادة القصوى الأرقام

    Tutorial Intermediate

    في حال كنت لم تلاحظ، cssstats.com موقع تحليل المغلق تلقي إصلاح مؤخرا. وهو أداة مصممة بشكل جميل يمنحك الكثير من التبصر الموضوعي في التعليمات البرمجية...