:: احصل علي ارخص رحلات الطيران والفنادق (آخر رد :فهد الشاعرى)       :: دورة الإحتراف في إدارة مخاطر المشاريع|دورات إدارة المشاريع مركزitr (آخر رد :ايمان محمد)       :: دورة الإحتراف في إدارة المشاريع وتطوير المهارات الإدارية والقيادية|دورات إدارة المشار (آخر رد :ايمان محمد)       :: دورة التحضير لشهادة مدير مشاريع معتمد وإكتساب المهارات|دورات إدارة المشاريع مركزitr (آخر رد :ايمان محمد)       :: دورة إستراتيجيات مكافحة غسل الأموال|دورات البنوك و المالية مركزitr (آخر رد :ايمان محمد)       :: دورة وسائل الدفع وآليات الضمان فى التجارة الخارجية وشروط البيوع الدولية incoterms 201 (آخر رد :ايمان محمد)       :: دورة تطبيقات الحوكمة فى القطاع المصرفى Governance|دورات البنوك و المالية مركزITR (آخر رد :ايمان محمد)       :: دورة التحكيم القضائي|دورات القانون والعقود مركزitr (آخر رد :ايمان محمد)       :: دورات تسويق مبيعات خدمة العملاء الاستثمار العقاري وفن البيع والتسويق (آخر رد :AHMEDBBMF)       :: دورة القانون الإداري وتطبيقاته فى منظومات الإدارة الحديثة|دورات القانون والعقود مركزi (آخر رد :ايمان محمد)      
اختر لونك:
وَقُلِ اعْمَلُوا فَسَيَرَى اللَّهُ عَمَلَكُمْ وَرَسُولُهُ وَالْمُؤْمِنُونَ ۖ وَسَتُرَدُّونَ إِلَىٰ عَالِمِ الْغَيْبِ وَالشَّهَادَةِ فَيُنَبِّئُكُم بِمَا كُنتُمْ تَعْمَلُونَ [ التوبة : ( 105 )] كلمة الإدارة

يرجى إختيار القسم المناسب قبل النشر وسيعاقب المخالف بإنذار أول مرة وسيتم حظره إذا تكرر ذلك كلمة الإدارة

يُمنع كتابة مواضيع السحر والشعوذة والروحانيات والابراج بكافة الأشكال والمخالف سيعاقب بحظر مؤقت وإذا تكرر سيكون حظر دائم تنبيه هام جداً



أضف رد جديد
 
LinkBack أدوات الموضوع انواع عرض الموضوع

قديم 07-04-2019, 06:08 PM   #1
تاريخ التسجيل: Feb 2019
العمر: 38
المشاركات: 1,149
التقييم: 10
تاريخ التسجيل: Feb 2019
العمر: 38
المشاركات: 1,149
التقييم: 10
افتراضي ماهو موديرنايزر Modernizr ؟

موديرنايزر Modernizr (المجدد) هي مكتبة جافاسكريبت معروفة في أوساط المطورين ومصممي المواقع، تقوم بتوقع مؤهلات المتصفحات التي يفتح عليها موقعك وتوافقها مع بعض الخصائص التي يتضمنها مثل خصائص CSS3 الجديدة وبعض خصائص HTML5 كالتموقع الجغرافي Geolocation Api وغيرها.
فمثلا لو قررت إضافة ظل (box-shadow) لصورة في موقعك فستظهر الصورة بشكل جميل في المتصفحات الجديدة ولكن ليس في المتصفحات القديمة كانترنت إكسبلورر 8 وغيرها التي لا تدعم خاصية box-shadow، وبالتالي وجب عليك تعويض الظل في هذه الحالة بشيء آخر، مثلا إطار عادي حول الصورة (border). مثل هذه الأشياء هي بالضبط ما يمكنك Modernizr من فعله، ففي حالة عدم دعم المتصفح لخاصية box-shadow سيضيف لوسم <html> كلاس اسمه no-boxshadow يمكنك استعماله كما تشاء في ملف الستايل الخاص بموقعك.
ماهو موديرنايزر Modernizr
img{ box-shadow: 0 0 3px #ccc; /* إضافة الظل للصور في المتصفحات الجديدة التي تدعم CSS3 */ } .no-boxshadow img{ border: 2px solid #ccc; /* إضافة الإطار للمتصفحات القديمة التي لا تدعم CSS3 */ }
1
2
3
4
5
6
7
8
9

img{
box-shadow: 0 0 3px #ccc;
/* إضافة الظل للصور في المتصفحات الجديدة التي تدعم CSS3 */

}
.no-boxshadow img{
border: 2px solid #ccc;
/* إضافة الإطار للمتصفحات القديمة التي لا تدعم CSS3 */
}



نفس الفلسفة يمكنك تطبيقها في توافقية HTML5 مع المتصفحات، فالمكتبة تعطيك أدوات تمكنك من التعامل مع الحالتين معا، حالة دعم Geolocation Api مثلا وحالة عدم دعمه، و طبعا عن طريق كود جافاسكريبت.
if (Modernizr.geolocation) { //المتصفح يدعم نظام تحديد المواقع Geolocation Api } else { //الموقع لا يدعم نظام تحديد المواقع، قم بشيء آخر }
1
2
3
4
5

if (Modernizr.geolocation) {
//المتصفح يدعم نظام تحديد المواقع Geolocation Api
} else {
//الموقع لا يدعم نظام تحديد المواقع، قم بشيء آخر
}



النسخة 3

مؤخرا تم إطلاق النسخة 3 من Modernizr، وقد شهدت النسخة الجديدة تحسينات وتطويرات عديدة وجذرية حيث ثم إعادة كتابتها بالكامل كما تم تحديث الموقع القديم للمكتبة، وقد شارك في هذا العمل ما يناهز 80 مطور.
بعض ميزات Modernizr :

  • دعم معظم المتصفحات القديمة والجديدة.
  • كشف دعم المتصفحات لخصائص CSS3
  • كشف دعم عناصر HTML5 من طرف المتصفحات.
  • كشف دعم SVG, Geolocation Api, أحداث اللمس (Touch events), وكذلك WebGL.
  • إضافة وسوم شرطية للتحقق من دعم عدد من الخصائص عن طريق أكواد الجافاسكريبت.


raheel غير متواجد حالياً   اقتباس
أضف رد جديد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
كيف تتحقّق من الخصائص المدعومة في المتصفحات القيصر قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 1 28-07-2019 07:49 PM
ماهو مفهوم الباك لينك ؟ raheel قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 0 08-04-2019 03:56 PM
للمبتدئين: ماهو السيو الداخلي والسيو الخارجي الفارس قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 0 02-03-2019 06:49 PM
ماهو النيتش؟ وكيف تختار النيتش المناسب الفارس قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 0 02-03-2019 06:31 PM
ماهو سيو - seo تحسين محركات البحث الفارس قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 0 26-02-2019 06:01 AM


الساعة الآن 01:49 AM

 


Content Relevant URLs by vBSEO ©2010, Crawlability, Inc.