اموزش استفاده از modernizr

[harand1]

سلام ایا غیر از معرفی modernizr.js به سند html باید بازم کد بنویسی؟

[mehbod.rayaneh]

درود
خیر!
باید فقط ضمیمه کنید!
پیروز باشید

[بهزاد علی محمدزاده]

سلام . بله باید کد بنویسی . modenizr ویژگی های css3 رو در مرورگر شناسایی می کنه و به تگ head کلاس هایی رو اضافه می کنه . فرضا اگر اون مرورگر borderradius (http://alistapart.com/article/taking-advantage-of-html5-and-css3-with-modernizr) رو پشتیبانی کنه این کلاس اضافه میشه و اگر نکنه no-borderradius رو به تگ head اضافه می کنه . اونوقت شما تصمیم می گیرید که آیا تگ والد که والد همه html هست کلاس borderradius رو داره :


.borderradius #content {
border: 1px solid #141414;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

اگر این کلاس به تگ head اضافه شده بود اونوقت این کدها اجرا میشه و به این صورت می تونید تصمیم گیری کنید . modenizr به شما امکان تصمیم گیری و شرط گذاری رو میده .
امکانات بیشتری هم در این کتابخانه هست. مثلا اگر از انیمیش ها استفاده می کنید و با css3 این کار و انجام دادید می تونید چک کنید که اگر پشتیبانی نمیشه در این مرورگر اونوقت jquery رو load کن و به جای کدهای انیمیش css از jquery استفاده بشه . این کار کمک می کنه که اگر نیازی نبود jquery به صفحه اضافه نشه و از امکانات css3 استفاده بشه . این کار Performance رو افزایش میده .

و در نهایت اینکه باید بتونید مستندات رو بخونید و منابع و استخراج کنید تا از این کتابخانه ها استفاده کنید.

[mehbod.rayaneh]

سلام . بله باید کد بنویسی . modenizr ویژگی های css3 رو در مرورگر شناسایی می کنه و به تگ head کلاس هایی رو اضافه می کنه . فرضا اگر اون مرورگر borderradius (http://alistapart.com/article/taking-advantage-of-html5-and-css3-with-modernizr) رو پشتیبانی کنه این کلاس اضافه میشه و اگر نکنه no-borderradius رو به تگ head اضافه می کنه . اونوقت شما تصمیم می گیرید که آیا تگ والد که والد همه html هست کلاس borderradius رو داره :


.borderradius #content {
border: 1px solid #141414;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

اگر این کلاس به تگ head اضافه شده بود اونوقت این کدها اجرا میشه و به این صورت می تونید تصمیم گیری کنید . modenizr به شما امکان تصمیم گیری و شرط گذاری رو میده .
امکانات بیشتری هم در این کتابخانه هست. مثلا اگر از انیمیش ها استفاده می کنید و با css3 این کار و انجام دادید می تونید چک کنید که اگر پشتیبانی نمیشه در این مرورگر اونوقت jquery رو load کن و به جای کدهای انیمیش css از jquery استفاده بشه . این کار کمک می کنه که اگر نیازی نبود jquery به صفحه اضافه نشه و از امکانات css3 استفاده بشه . این کار Performance رو افزایش میده .
و در نهایت اینکه باید بتونید مستندات رو بخونید و منابع و استخراج کنید تا از این کتابخانه ها استفاده کنید.

سلام
میشه بیشتر توضیح بدید؟
مثلا در مورد انیمیشن! برای لود و یا عدم لود jquery چطور میشه استفاده کرد؟
چون توی Documentation خود modernizr چیزی در مورد اینایی ک گفتید من ندیدیم! شایدم متوجه نشدم!