最终的页面看起来很给力,甚至还针对WebKit浏览器设置了好玩的动画。我希望到现在你能明白使用Modernizr可以使你对网站控制的手腕变得多么牛叉,以及它可以令真正的渐进增强变得多么简单。这还不仅仅是Modernizr的全部好处,它还可以帮你建立基于JS的fallbacks以及可以帮你应用html5那些牛掰的新特性。
附,Modernizr检测清单:
1. @font-face 2. Canvas 3. Canvas Text 4. WebGL 5. HTML5 Audio 6. HTML5 Audio formats 7. HTML5 Video 8. HTML5 Video formats 9. rgba() 10. hsla() 11. border-image 12. border-radius 13. box-shadow 14. text-shadow 15. Multiple backgrounds 16. background-size 17. opacity 18. CSS Animations 19. CSS Columns 20. CSS Gradients 21. CSS Reflections 22. CSS 2D Transforms 23. CSS 3D Transforms 24. Flexible Box Model 25. CSS Transitions 26. Geolocation API 27. Input Types 28. Input Attributes 29. localStorage 30. sessionStorage 31. Web Workers 32. applicationCache 33. SVG 34. Inline SVG 35. SVG Clip paths 36. SMIL 37. Web SQL Database 38. IndexedDB 39. Web Sockets 40. hashchange Event 41. History Management 42. Drag and Drop 43. Cross-window Messaging 44. Touch Events
文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站