ماذا سنستفيد من رحيل IE6 ؟

• استخدام صور PNG  عالية الشفافية.
• الاستفادة من بعض الأوامر ك min-width و max-width.
• استعمال Child Selectors و Attribute Selectors.
• غياب الحاجة لكتابة الكثير من FIX والمخصصة ل IE.

• حدد اتجاه الصفحة في وسم Head في صفحة HTML ولا تستعمل Direction في ملف CSS.
• اختبر صفحاتك مباشرة بالإضافة HTML Validator.
• اجعل Optimization آخر مرحلة في كتابة ملفات CSS.
• استعن باحدى مكتبات JS ( مثل Jquery ) لكتابة بعض الأوامر ب CSS.

عندما تستعمل ul لإنشاء قائمة أفقية وتستعمل float سواء right أو left، أضف overflow بالشكل التالي:

ul li {
	float: right;
	display: block;
}

ثم أضف:

ul {
	overflow: auto;
}

وبالنسبة لمتصفح IE عليك اضافة height بارتفاع معين:

* html ul {
	height: 20px;
}

وعندما تستعمل صور أو إيقونات مع li قد تظهر مكررة اكثر من مرة في IE رغم انك استعملت no-repeat في هذه الحالة أضف ارتفاع  1% ل li كما يلي:

* html ul li  {
	height: 1%
}

أخيرا انتبه عندما تستعمل ملف IE7-js من Google للحصول على الشفافية لأن الصور قد تتغير أماكنها من اليمين إلى اليسار وأحيانا قد تجد مشكلة في ارتفاع صفحة،  وهذا مع IE.

1. التعليقات في ملف CSS غير مهمة، لكن اجعلها آخر خطوة، خاصة إن كنت ستستعمل خدمة Optimization.
2. ضع الوسوم Tags مرتبة أسفل الوسم body ك h1, h2, h3, a, img, p.
3. ان كنت تكتب ملفات CSS لتطبيق ويب، من الأفضل أن تنشئ عدة ملفات global – dashboard – backend – asset – login.
4. استعمل الصور والإيقونات كخلفيات background باستعمال CSS ما أمكن، ما عدا طبعا صور المواضيع الخاصة بالعرض.