لا يزال الطريق طويلاً أمام CSS3، أم أنه قاب قوسين أو أدنى؟ هذا ليس سؤالًا تقنيًا، ولكنه سؤال حول متى يمكن للأشخاص التخلي تمامًا عن تلك المتصفحات القديمة التي لا تتوافق مع معايير W3C. من المؤكد أن CSS3 كان متوقعًا للغاية، حيث أجرى CSSTricks استطلاعًا للتصويت على ميزات CSS المرتقبة، وقد شارك فيه 7000 شخص. المثير للاهتمام هو أن النتائج الثلاثة الأولى متقاربة جدًا.
.jpg)
دراسة استقصائية لميزات CSS 3 التي طال انتظارها
1. زوايا مستديرة
(22.0%، 1,541 صوتًا)
تم استخدام هذه الميزة على نطاق واسع في متصفحات مثل Mozilla وWebkit وما إلى ذلك، وهي بلا شك الأكثر انتظارًا من قبل مصممي الويب، ومع ذلك، لا يوجد لدى IE أي علامة على دعم هذه الميزة.
2. خلفيات متعددة
(22.0%، 1,523 صوتًا)
هذه الميزة هي أكثر ما أتطلع إليه، لكن التوافق مع الإصدارات السابقة سيكون مشكلة كبيرة.
3.@الخط الوجه
(21.0%، 1,424 صوتًا)
سيدعم الإصدار الأحدث من Firefox هذه الميزة، كما سيدعم Safari وOpera وحتى IE هذه الميزة أو يدعمونها بالفعل. سنرى تطبيقًا واسع النطاق لهذه الميزة، لكن مشكلة حقوق الطبع والنشر للخطوط ستكون مزعجة.
4. الرسوم المتحركة والتدرج
(12.0%، 818 صوتًا)
Webkit هو الرائد في هذا الصدد، والرسوم المتحركة هي أيضًا جزء من التصميم، ويجب أن تنتمي إلى CSS. سيتم تنفيذ ذلك ببطء، وعندما تبدأ المتصفحات الأخرى غير Webkit في دعم هذه الميزة، سنرى العديد من التأثيرات المدهشة.
5. التدرج اللوني
(8.0%، 535 صوتًا)
يعد تحديد خلفية ملونة ثابتة أمرًا بسيطًا للغاية، لكن الألوان المتدرجة ليست بهذه البساطة، فالألوان المتدرجة مناسبة جدًا للتنفيذ من خلال التعليمات البرمجية، ويأخذ Webkit زمام المبادرة في هذا الصدد.
6. ظل الصندوق
(4.0%، 271 صوتًا)
الظل هو أيضًا لون متدرج في الماضي، وكان يتم تحقيقه من خلال صور الخلفية، وإذا تم أخذ الظلال متعددة الاتجاهات في الاعتبار، فستصبح الأمور أكثر تعقيدًا.
7. RGBa - إضافة لون شفاف
(3.0%، 234 صوتًا)
يمثل a في RGBa اللون الشفاف وهو أمر مهم جدًا للمصممين حاليًا، بالإضافة إلى IE، يتم اعتماد هذه الميزة على نطاق واسع.
8. ظل النص
(2.0%، 140 صوتًا)
كما أنه ينتمي أيضًا إلى مفهوم التدرج اللوني، مما يسمح للنص بالحصول على ظل، وهو ما لم يكن من الممكن تحقيقه حتى من خلال خلفيات الصور من قبل، لذلك سيجلب هذا راحة غير مسبوقة للمصممين.
9. آخرون
(2.0%، 168 صوتًا)