الهدف من اتباع المعايير القياسية في تصميم صفحات الويب هو أن تظهر هذه الصفحات بشكل سليم على كافة المستعرضات ( الداعمة للمعايير القياسية ) .. و لكن في كثير من الأحيان نلجأ إلى إستخدام بعض خواص CSS الخاصة بأحد المستعرضات لحل مشكلة في ظهور التصميم عليه مثل طرق حل مشاكل IE6 أو إستخدام بعض خواص CSS 3 كـ opacity و بالطبع فإن هذه الخواص غير قياسية في CSS 2.1 وعند فحص الصفحات بإستخدام فاحص W3C فسيظهر لك بأن الصفحة غير مطابقة للمعايير القياسية وأن هذه الخواص غير موجودة ..
بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found 
و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة :
أولا سنقوم بتجميع كافة الخواص الغير قياسية و كتابتها في ملف CSS منفصل و لنسميه مثلاً invalid.css وليكن على سبيل المثال بالشكل التالي ( الخواص بالأسفل لجعل الحواف دائرية وهي خاصه فقط بفايرفوكس و سفاري و هي خواص غير قياسية ) :
.class-name{ -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-right-radius:10px; }
ثانيا سنقوم بإستدعاء هذا الملف في ترويسه الصفحات ولكن بطريقة مختلفة بعض الشئ حيث سنستخدم الجاقا سكريبت بالشكل التالي:
<script type="text/javascript"><!-- document.write('<link rel="stylesheet" type="text/css" media="screen" href="Your-path/invalid.css" />'); --></script>
الأن عند فحص الصفحات سيتخطى الفاحص ملف invalid.css و لن يقوم بفحصه .. و سترى Congratulations! No Error Found !
- أدعو لي و لوالدي بدعوة صالحة و أن يجمعنا الله في الجنة .
- ساهم في نشر المدونة .. أخبر عنها أصدقائك .. ضع رابط لها في مدونتك أو في إحدى تويتراتك ^_^
- لا أمانع في نقل بعض التدوينات و لكن وفق رخصة الاستخدام
الوسوم: css, المعايير القياسية
فؤاد بدوي شاب مصري ، طالب جامعي بكلية العلوم تخصص رياضيات وعلوم الحاسب ... مصمم مواقع حر Freelancer web designer.. أجيد Photoshop , Xhtml , CSS و لذلك ستجد ان هذه المدونة تتناول بشكل رئيسي تصميم و تطوير المواقع و المجتمعات الالكترونية و بعض المصادر التي تفيد المصممين و المطورين ..
ممتاز … فؤاد خدعة رائعة ..:) ..
شرح رائع ابدعت فيه وفقك الله
حركه جميله
وشكرا لك
جميل جدا جدا
بارك الله فيك و نفع في علمك
ممكن توضويح أكثر للنقطة الثانية؟
إستدعاء الملف في ترويسه الصفحات
في أي ملف يتم وضع كود الجاقا سكريبت ؟
[...] من (( اضغط هناا )) لا مشاركات اضغط هنا لإلغاء الرد. الاسم [...]
شكرا لك
هذه الحركة غير مفيدة بالمرة وانا لا ارة مها اى افادة ! ماذا نستفيد اذا اخفينا الاخطاء فى الفحص ؟
الافضل البحث عنها واصلاحها
اتمنى الا اكون كلامى نقد لك
تحياتى
مع الاحترام لرأي حضرتك إلا ان مثل الاكواد التي كتبها الاخ فؤاد كمثال لا تعمل على جميع المتصفحات ؛ لذلك لا يمكن لهئية مثل w3c أن تقول بأن أكواد كهذه قياسية و لكن استخدام هذه الأكواد يسهل و يحسن من التصميم و يقلل مدة التحميل ؛ لذلك أنت في حاجة إلى أن تحقق المعايير القياسية و لكن انت أيضًا في حاجة إلى استخدام أكواد سهلة تسهل عليك عملية التكويد .
و فكرة رائعة أخي فؤاد
موقع متميز وسط المواقع الاخرى ومشهور من قبل محركات البحث لكن اود ان يحتوى الموقع علي ما يلي
1- برامج الكومبيوتر التى تساعد فى تصميم المواقع مثل الفوتوشوب ونيت سكيب وغيرها منفضلك يافؤاد ارفعهم علي الموقع وجزاك الله خيرا
احبك في الله