7 مصادر مفيدة لأولئك الذين يتعلمون CSS

2024 مؤلف: Malcolm Clapton | [email protected]. آخر تعديل: 2023-12-17 03:46

أوراق الأنماط المتتالية تجعل HTML الممل جذابًا. اختارت Lifehacker مواقع باللغتين الروسية والإنجليزية ، بالإضافة إلى موسوعات الويب التي ستساعدك على فهم CSS بشكل أفضل.

أوصى اتحاد شبكة الويب العالمية (W3C) بتقنية CSS (أوراق الأنماط المتتالية) في عام 1996. منذ ذلك الحين ، استخدم مطورو الويب أوراق الأنماط المتتالية لإنشاء تصميمات فريدة للموقع.

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

قم بتثبيت ملحق Chrome أو Firefox الإضافي للاستمتاع بمواقعك المفضلة دون أوراق الأنماط المتتالية.

ستكون التغييرات دراماتيكية ، ولكن ليس دائمًا. على سبيل المثال ، لن يتغير مجمع الأخبار: فهو بسيط مثل اثنين واثنين. ومع ذلك ، يتم عرض المورد أكثر من 150 مليون مرة شهريًا.

أين تتعلم أدق نقاط CSS

1. HTMLbook

لنكن متسقين ونبدأ بأساس نظري متين. من أجل ذلك ، ننتقل إلى Vlad Merzhevich ، مؤلف الكتب ومطور الويب ، الذي يحتفظ بالعديد من موارد الجودة حول تخطيط وتصميم صفحات الويب.

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

2. WebReference

يقدم مرجعًا أبجديًا إلى CSS. تحتوي كل خاصية على وصف موجز وبناء جملة ومثال حي. لا تتردد في طرح الأسئلة - يتواصل مؤلفو المشروع ويناقشون التفاصيل عن طيب خاطر.

3. مرجع CSS

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

4. جوائز تصميم CSS

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

5. حديقة زين CSS

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

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

6. CSSPlay

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

7. CSS لينت

لماذا نحتاج إلى شخص آخر ، إذا كانت أيدينا تنمو بشكل مستقيم؟ هل هذا يظهر حقا. بالإضافة إلى فحص بنية CSS الأساسي ، تتحقق خدمة الويب من الامتثال للقواعد التي تؤثر على سرعة تحميل الصفحة. الإخراج هو CSS لطيف وسهل الاستخدام للمتصفح.