الهدف من اتباع المعايير القياسية في تصميم صفحات الويب هو أن تظهر هذه الصفحات بشكل سليم على كافة المستعرضات ( الداعمة للمعايير القياسية ) .. و لكن في كثير من الأحيان نلجأ إلى إستخدام بعض خواص CSS الخاصة بأحد المستعرضات لحل مشكلة في ظهور التصميم عليه مثل طرق حل مشاكل IE6 أو إستخدام بعض خواص CSS 3 كـ opacity و بالطبع فإن هذه الخواص غير قياسية في CSS 2.1 وعند فحص الصفحات بإستخدام فاحص W3C فسيظهر لك بأن الصفحة غير مطابقة للمعايير القياسية وأن هذه الخواص غير موجودة ..
بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found 
و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة : أكمل قراءة التدوينة »
طريقة تمييز تعليق كاتب المقال و أصحاب العضويات عن تعليقات الزوار في ووردبريس 2.7 أكثر سهولة عن الاصدارات السابقة و التي كنت تضر الى التعديل على قالب التعليقات لاضافة بعض الأسطر للقيام بذلك ولكن في ووردبريس 2.7 كل ما عليك هو وضع الخواص التي تريدها داخل كلاسين CSS وهما byuser وهو لتعليقات الأعضاء و bypostauthor وهو لتعليقات كاتب المقال .. بالشكل التالي :
li.byuser {
/* خواص CSS */
}
li.bypostauthor {
/* خواص CSS */
}لاحظ بأن تعليق كاتب المقال يطبق عليه الكلاسين bypostauthor و byuser ولذلك يجب كتابة الكلاس bypostauthor بعد الكلاس byuser حتى يكون له الأولوية في التطبيق على رد كاتب المقال كما في الأعلى .
لوحة مفاتيح تم بنائها بالكامل باستخدام CSS فقط دون استخدام اي صور او جداول .. الفكرة و طريقة التطبيق أعجبتاني كثيراً .. اطلع على الكود المصدري للصفحة لتفهم الفكرة ..
كثيرا ما نحتاج لاضافة مقاطع فيديو في مواضيعنا .. ولكن الكود العادي لاضافة مقاطع الفيديو غير مطابق لمعايير xhtml … كالكود الذي يوفره موقع YouTube لاضافة مقطع الفيديو و الذي يكون على الشكل التالي :
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/vedio-url"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/vedio-url" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
الكود السابق غير مطابق لمعايير xhtml و يمكن استخدام الكود التالي بدلا منه حيث انه مطابق لمعايير xhtml :
<object type="application/x-shockwave-flash" style="width:425px; height:344px;" data="http://www.youtube.com/vedio-url"><param name="movie" value="http://www.youtube.com/vedio-url" /></object>
او يمكنك استخدام هذه الأداة و التي تقوم بتحويل الكود الغير قياسي الى الكود القياسي .
أكمل قراءة التدوينة »
Firebug : اضافة هامة جداُ لأي مصمم مواقع حيث تمكنك الاضافة من الاطلاع على كافة اكواد الصفحة HTML – CSS مع امكانية التعديل عليها و معاينة ناتج التعديل مباشرة . مع الكثير من المميزات للجافاسكريبت .
الموقع الرسمي للاضافة | الاضافة على Firefox Add-ons
Html Validator : اضافة تقوم باختبار هل الصفحة المعروضة مطابقة لمعايير (X)Html ؟ مع عرض كافة الأخطاء الموجوده في الصفحة و تحديد مكانها مع توفير وصف للخطأ بالاضافة الى اقتراحات لتصحيح هذا الخطا .
الموقع الرسمي للاضافة |
الاضافة على Firefox Add-ons
أكمل قراءة التدوينة »
جاري التحميل ...
فؤاد بدوي شاب مصري ، طالب جامعي بكلية العلوم تخصص رياضيات وعلوم الحاسب ... مصمم مواقع حر Freelancer web designer.. أجيد Photoshop , Xhtml , CSS و لذلك ستجد ان هذه المدونة تتناول بشكل رئيسي تصميم و تطوير المواقع و المجتمعات الالكترونية و بعض المصادر التي تفيد المصممين و المطورين ..
أحدث التعليقات