اطلاعات بیشتر: http://navid.kashani.ir/

1. ‫آشنایی با ‪Modernizr‬‬
‫نوید کاشانی‬
‫دی 0931‬

3. Front-end Development Done Right
http://www.modernizr.com/

4. ‫چیست؟‬
‫یک کتابخانه جاوااسکریپت متن باز برای‬
‫ایجاد وب سایت با 5‪ HTML‬و 3‪CSS‬‬

5. ‫تنها شناسایی قابلیتها‬

7. JavaScript Example

8. CSS Example

9. Supported browsers
Desktop:
IE6+, Firefox 3.5+, Opera 9.6+, Safari 2+, Chrome
Mobile:
iOS's mobile Safari, Android's WebKit browser, Opera
Mobile, Firefox Mobile

10. ‫منابع‬
Modernizr
http://www.modernizr.com/
Modernizr Documentation
http://www.modernizr.com/docs/
Modernizr Resources
http://www.modernizr.com/resources/
Build & Download Modernizr 2
http://www.modernizr.com/download/

11. ‫منابع‬
Build an Awesome Image Gallery with jQuery, Modernizr, and CSS3
http://www.sitepoint.com/build-an-awesome-image-gallery-with-jquery-
modernizr-and-css3/
Speeding up with Modernizr
http://www.contrast.ie/blog/speeding-up-with-modernizr/
Yepnope.js
http://yepnopejs.com/
HTML5 Cross Browser Polyfills
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-
Polyfills

12. ‫منابع‬
Taking Advantage of HTML5 and CSS3 with Modernizr
http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-
with-modernizr/
Sniff my browser: The Modernizr inadequacy
http://nefariousdesigns.co.uk/archive/2011/05/sniff-my-browser-the-
modernizr-inadequacy/
Using Modernizr to detect HTML5 and CSS3 browser support
http://www.adobe.com/devnet/dreamweaver/articles/using-
modernizr.html

13. @Modernizr
@paul_irish
@KuraFire

14. ‫قدم بعدی‬
yepnope.js

15. ‫نوید کاشانی‬
navid.kashani@gmail.com
twitter.com/navid66
navid.kashani.ir