تضامناً مع العناء الذي يواجهه مصمموا المواقع العربية و اخص هنا اصحاب الابداع من لديهم كثير من الافكار و يحتاجون لمساحة من الحرية في التصميم, و حالما ينتهى التصميم تجدهم يواجهون خطوة او عقبة من وجهة نظري و هي تفعيل التصميم و اصلاحه على  انترنت اكسبلور 6.
شخصياً معاناتى كانت كبيرة فيما مضى و لازالت و لكن ابحث دائماً عن الحلول التى يطرحها المطورون لمعالجة مشاكل IE6.
بدون شك, هذا لايعنى اننى اشجع المستخدمين على البقاء في استخدام المتصفح الغبى - لازلت على رأيي- انترنت اكسبلورر 6, و كنت قد كتبت في تدوينة سابقة عن حملة SaveThDevelopers للاقلاع عن استخدام هذا المتصفح.

في هذه التدوينة نستعرض بعض من الحلول التى يحتاجها المصمم ليكمل معالجة التصميم ليظهر بصورة صحيحة على انترنت اكسبلورر 6.
مستخدمى IE6 في ازدياد ام انخفاض ؟
حسناً فان هناك الكثير من عيوب هذا المتصفح و تبقى مشكلة الشفافية لصور PNG كمثال من اكبر كوارث هذا المتصفح, لقد جربت تصفح عدة مواقع اجنبية بهذا المتصفح وجدت اشياء غير مرضية, هل هذا يعنى انهم مهملون؟ لا بالتاكيد لا و لكن الوعى لديهم يفوق الوعى لدينا و ببساطة فان عصر هذا المتصفح انتهى لديهم و قد كانت صفحة و طويت و نسبة مستخدميه في انخفاض مستمر, على عكس مواقعنا العربية فالنسبة مازالت مرتفعة و خصوصاً IE6.
في موقع فايلاتي كمثال, فهناك اكثر من 83% من زائريه يستخدمون هذا المتصفح!
الوضع مختلف قليلاً في اتكلّم.. فالنسبة و الحمد لله جيدة و تصل الى 14% فقط .. أمر رائع.

اذا لنستعرض بعض الحلول..


اولاً: حلول معالجة الصور الشفافة.
كما ذكرت بالاعلى فان مشكلة الصور الشفافة من نوع PNG لا تظهر في المتصفح IE6.
هناك الكثير من الحلول المختلفة و التى تعتمد على الجافاسكربت و تختلف قليلاً في طرق المعالجة و نوع العالجة المطلوبة, فلكل طريقة اسوب معين, بصفة عامة فان الهدف في النهاية واحد.

1. Unit PNG Fix
يعد من افضل هذه الحلول و اكثرها خفة و فاعلية في معالجة هذا الأمر.
يميزه وزنه الخفيف و قله اسطر شفرته, و الاكثر ايجابية هو تعامله ليس فقط مع الصور و انما ايضاً مع اوامر الخلفيات الشفافة.
زيارة صفحة الكود

2. PNG in Windows IE
هذه الطريقة هي طريقتى المفضلة و التى استخدمها في معظم المواقع التى اصممها, فهو يعتمد على شفرة اكثر مرونة و تفصيلاً و لا يمكن ان تواجه مشاكل معها.
طريقة الاستخدام مثل سابقتها و هناك الكثير من التفاصيل و الشروح الموثقة في الموقع.
زيارة صفحة الكود

3. IE PNG Fix
احد الحلول المتقدمة قليلاً و لكن عند استخدامها واجهت مشاكل تتعلق بمطابقة المعايير القياسية للاسف و لكن ككل فهو حل جيد جداً ايضاً.
زيارة صفحة الكود

4. Supersleight Trasparent PNGs
و هذه المعالجة هي بسيطة و تعتمد على تركيبة ما بين CSS و  Javascript, الحل الأول مستوحى الى حد كبير من هذ الصفحة.
زيارة الصفحة


ثانياً: استخدم افكار الـ CSS لاصلاح اي مشكلة !
تقنيات الـCSS الان متطورة عن ذي قبل, و استخدامها الأن اصبح حلاً لكثير من المشاكل التى تواجهك اثناء التصميم في انترنت اكسبلورر بصفة عامة.

في هذا الرابط يمكنك ايجاد اكثر من 20 معالجة و حل لاصلاح مشاكل تصميمة معظمها يتعلق بالانترنت اكسبلورر.
ايضاً به الكثير من الطرق الجميلة لتوظيف هذه التقنية بطريقة رائعة.

لا تقف مكانك و تكتفى بالبكاء على تصميماتك عند عرضها في المتصفح الغبى - IE6- و انما طور قدراتك كي لا تخسر زوارك.

همسات خافته
فايلاتي يعود مرة اخرى الى البيج رانك 4, اتكلم ايضاً حصلت على 4/10 !
تحياتي :)