Using Modernizr to Detect HTML5 & CSS3 Features in Browser
During Codementor design office hours, Jason Pamental explained how Modernizr is an invaluable tool for figuring out what is supported in the browser.
How to know what is and isn’t supported
So, when I have this running my site, it tells me that Flexbox is supported, Canvas is supported, WebGL, Geolocation, Index DVB, Hashchange, History, Drag and Drop, all these different HTML 5 things. It also indicates that Fontface is supported. So, if you look for the presence of that class, then you know that Fontface is supported and it’s safe to load that. So, it is possible.
Other posts in this series with Jason Pamental:
- Introduction to Fonts for Developers
- Choosing & Pairing Typefaces
- Pros & Cons for Icon Fonts Like Font Awesome – Design Tips for Developers
- Additional Resources About Responsive Typography
Need more design mentor help? Book an 1-on-1 session!