ما هو CSS الخاص بـ Internet Explorer؟

Internet Explorer (IE) كان متصفح الويب من Microsoft الذي استخدم خصائص CSS مملوكة وفلاتر لتحقيق تأثيرات لم تكن موحدة بعد. وشملت هذه الفلاتر الخاصة بالتدرجات، الظلال، الشفافية، والتحولات التي كانت تعمل فقط في IE. بينما تم إيقاف IE الآن، لا تزال العديد من المواقع القديمة تحتوي على هذا الكود القديم من CSS الذي يحتاج إلى تحديث.

لماذا نُحدث CSS الخاص بـ IE؟

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

وصف الأداة

يقوم IE CSS Modernizer تلقائيًا بتحويل كود CSS القديم الخاص بـ Internet Explorer إلى CSS حديث ومتوافق مع المعايير. يحدد الخصائص والفلاتر والحيل الخاصة بـ IE، ثم يستبدلها بما يعادلها من CSS حديث يعمل عبر جميع المتصفحات الحالية.

الميزات

  • التحويل التلقائي - يكتشف ويحول صsyntax CSS الخاص بـ IE إلى المعايير الحديثة
  • ترجمة الفلاتر - يحول فلاتر IE (التدرجات، الظلال، الشفافية) إلى CSS قياسي
  • إزالة الحيل - يحدد ويزيل الحيل الخاصة بـ IE وطرق التلاعب
  • تحديثات بادئات البائع - يستبدل بادئات البائع القديمة بالمعايير الحالية
  • معاينة فورية - يعرض CSS المحول فورًا للمقارنة السهلة
  • وظيفة النسخ - نسخ سريع لـ CSS المحدث إلى الحافظة

حالات الاستخدام

  • صيانة المواقع القديمة - تحديث المواقع القديمة التي صُممت لـ IE
  • ترحيل الكود - تحديث CSS أثناء إعادة تصميم المواقع أو ترحيل المنصات
  • توافق المتصفحات - ضمان عمل CSS عبر جميع المتصفحات الحديثة
  • تنظيف الكود - إزالة الكود القديم الخاص بـ IE من ملفات الأنماط
  • أداة تعليمية - فهم كيفية تحويل CSS الخاص بـ IE إلى المعايير الحديثة
  • ضمان الجودة - التحقق من أن CSS القديم له ما يعادله من CSS حديث

التحويلات الشائعة لـ CSS الخاص بـ IE

تتعامل الأداة مع أنماط CSS الخاصة بـ IE المختلفة:

  • فلاتر ألفا → خاصية opacity
  • فلاتر التدرج → linear-gradient() أو radial-gradient()
  • فلاتر الظل → خاصية box-shadow
  • فلاتر المصفوفة → خاصية transform
  • تعليقات IE الشرطية → اكتشاف الميزات الحديثة
  • حيلة النجمة (*) → خصائص قياسية
  • حيلة الشرطة السفلية (_) → خصائص قياسية
  • محددات خاصة بـ IE6/7 → محددات حديثة