Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

آشنایی با Modernizr

1,841 views

Published on

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

Published in: Technology, Design
  • Be the first to comment

آشنایی با Modernizr

  1. 1. ‫آشنایی با ‪Modernizr‬‬ ‫نوید کاشانی‬ ‫دی 0931‬
  2. 2. Front-end Development Done Right http://www.modernizr.com/
  3. 3. ‫چیست؟‬‫یک کتابخانه جاوااسکریپت متن باز برای‬ ‫ایجاد وب سایت با 5‪ HTML‬و 3‪CSS‬‬
  4. 4. ‫تنها شناسایی قابلیتها‬
  5. 5. JavaScript Example
  6. 6. CSS Example
  7. 7. Supported browsersDesktop: IE6+, Firefox 3.5+, Opera 9.6+, Safari 2+, ChromeMobile: iOSs mobile Safari, Androids WebKit browser, Opera Mobile, Firefox Mobile
  8. 8. ‫منابع‬Modernizrhttp://www.modernizr.com/Modernizr Documentationhttp://www.modernizr.com/docs/Modernizr Resourceshttp://www.modernizr.com/resources/Build & Download Modernizr 2http://www.modernizr.com/download/
  9. 9. ‫منابع‬Build an Awesome Image Gallery with jQuery, Modernizr, and CSS3http://www.sitepoint.com/build-an-awesome-image-gallery-with-jquery-modernizr-and-css3/Speeding up with Modernizrhttp://www.contrast.ie/blog/speeding-up-with-modernizr/Yepnope.jshttp://yepnopejs.com/HTML5 Cross Browser Polyfillshttps://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
  10. 10. ‫منابع‬Taking Advantage of HTML5 and CSS3 with Modernizrhttp://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/Sniff my browser: The Modernizr inadequacyhttp://nefariousdesigns.co.uk/archive/2011/05/sniff-my-browser-the-modernizr-inadequacy/Using Modernizr to detect HTML5 and CSS3 browser supporthttp://www.adobe.com/devnet/dreamweaver/articles/using-modernizr.html
  11. 11. @Modernizr@paul_irish@KuraFire
  12. 12. ‫قدم بعدی‬yepnope.js
  13. 13. ‫نوید کاشانی‬navid.kashani@gmail.comtwitter.com/navid66navid.kashani.ir

×