- اللغة التي تسيطر على ظاهرة المواقع - كانت دائمًا قوية، ولكن بطيئة قليلاً.البرمجيات قد تواجه سنوات مع كل التراكيب، كل الرغبة في الحصول على التصاميم قابلة للتكيف، وكل تجنب الصراعات النمطية. CSS هذه ليست تغييرات نادرة، ولكنها تغير طريقة تصميمنا، وتصبح CSS أكثر إثارة للجدل، وتقليدية، وتقليدية. في الماضي، جعلت CSS المطورين يكررون نفسه عند تصميم العناصر.إزالة يحدد هذا من خلال تسمية النماذج تتبع هيكل المحتوى الطبيعي.بعد تطبيق القواعد بشكل فردي لكل العناصر، تسمية يسمح لهم بتجميعها بشكل منطقي. هذا يجعل النماذج أسهل قراءة وتتبع معها ، لأن CSS يبدو أكثر شيوعاً على هيكل HTML الذي يخلق. Container Queries المكونات التي تريدها وتستخدم المطورين على شبكة الإنترنت منذ سنوات استفسارات الوسائط التي تحدد التصاميم بناء على حجم نافذة المتصفح، وهذا أمر رائع في بعض الحالات، ولكن ليس عندما يتم استخدام عنصر - على سبيل المثال - بطاقة أو زر أو صفحة الجانب - في العديد من الأماكن على صفحة. يلجأ الأسئلة المكونة إلى حل المشكلة من خلال تحسين حجم المكونات حسب حجم المساحة التي تقع فيها، وليس على الشاشة بأكملها. تفكر في بطاقة تظهر صغيرة في صفحة جانبية ولكنها يمكن أن تنمو بشكل مثالي في منطقة المحتوى الرئيسي - دون أي أدوات إضافية أو تحديات مشبوهة. أسلوب التخطيط واحدة من أسوأ ألم في CSS هو أن النماذج يمكن أن "تخفى" على صفحة واحدة. قد يغير النماذج التي تم تصميمها لأحد المكونات إلى غيرها، مما يخلق أخطاء غاضبة. هذا الانفصال يجعل CSS متوقعًا وآمنًا. فهو أمرًا مهمًا بشكل خاص في التنمية الحديثة، حيث يتم بناء المواقع الإلكترونية من العديد من الأجزاء المستخدمة مرة أخرى. Why Do These Features Matter? لماذا تختلف هذه الخصائص؟ معًا، تشمل هذه الميزات الثلاثة تغييرًا أساسيًا في CSS: 
 
 
 
 Nesting يحافظ على الكود نظيفة وسهلة القراءة. تتيح استفسارات المكونات تصميمات لتكون مرنة في أي حالة. النماذج المستهدفة تمنع المكونات من تداخلها. يعمل كل من الجانبين معاً لتوسيع CSS مع طبيعة بناء مواقع الويب اليوم: المكوّنات والمستعملة ومستهدفة المستخدم. The Road Ahead الطريق إلى الأمام لم تكن دعم هذه الميزات في جميع المتصفحات حتى الآن، ولكنها تنمو بسرعة.المدربين الذين يحاولون اختبارهم الآن سيكونون أسرع عندما يأتي المستقبل من CSS، وسوف يحصلون على مزايا الآن حيث توفر الدعم. Conclusion النتيجة تتغير CSS لتلبية متطلبات تطوير الويب المعاصرة.الخزائن والرسائل المكونة من المكونات تسهل التصميم، مما يجعلها أكثر ذكاءً وأكثر ثقة.للمصممين والمطورين، هذه الميزات تشكل مستقبلًا حيث يعمل CSS بشكل أفضل مع الطريقة التي نتمكن من إنشاء المواقع الآن. 
 
 تم توزيع هذه القصة كجزء من إصدار Sanya Kapoor تحت برنامج HackerNoon Business Blogging. تم توزيع هذه القصة كجزء من إصدار Sanya Kapoor تحت برنامج HackerNoon Business Blogging.

The is an opinion piece based on the author’s POV and does not necessarily reflect the views of HackerNoon.

Read My Stories

تم إنتاج هذا الصوت باللغة الأصلية للقصة!

مستقبل التصميم على شبكة الإنترنت: CSS Nesting, Container Queries & Scoped Styles

About Author

تعليقات

شنق العلامات

تم تقديم هذه المقالة في

Related Stories

How to Use No-Code Machine Learning to Optimize your HackerNoon Articles

Noonies Nominee and Lead Product Designer Avrora Shuhalii on Writing, Tech, and More

Top Web Development Companies in 2018

Best Mobile App Development Companies

How to Use No-Code Machine Learning to Optimize your HackerNoon Articles

Noonies Nominee and Lead Product Designer Avrora Shuhalii on Writing, Tech, and More

Top Web Development Companies in 2018

Best Mobile App Development Companies

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps