كيف التعامل مع المواصفات CSS3. بطريقة مفيدة؟

Question

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

لذلك أنا أسأل نفسي: وهي أفضل طريقة لاستخدام CSS3 على أي حال مع خيار لاعتراض المشكلات الافتراضية، كما لو كنت قد تم عرضها أعلاه؟

Answer 1

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

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

طالما أن الموقع لا يبدو مكسورا في المتصفحات التي لا تدعم قواعد CSS3 التي تريد استخدامها، فعليك أن تكون على ما يرام تعزيز تدريجي موقعك في المتصفحات التي تدعمها.

Answer 2

قد تجد "متى يمكنني استخدام ..." مفيد لرؤية الميزات التي يمكنك استخدامها بشكل معقول.

Answer 3

إذا كان لديك موقع الويب العام الخاص بك، فعليك دعم IE6، مما يعني عدم وجود CSS 2.1، ناهيك عن 3.

شيء واحد يمكنك أن تجربه هو: أقل كس

سيتيح لك ذلك استخدام تدوين الاختصار CSS و "ترجمة" إلى CSS صالح على الإنشاء.