FindMeByIP.com - our latest afternoon project
A cute little app that presents your browsers' support for advanced HTML5 and CSS3 features in an easy to read format using Modernizr.
Why did I build FindMeByIP.com?
As we all know different browsers have varying levels of support for advanced features. If we follow best practice, then it's generally accepted that people using more "modern" browsers get a better experience than those using older models.
What does FindMeByIP.com do?
How does it work?
- The Modernizr library adds a suitable classname on the <html> tag if a feature is supported by your browser.
- The site's CSS file contains a list of rules which mirror those used by Modernizr and apply a background icon of a "tick" if matched.
- Each "feature" is enclosed within a list-item and given a class which matches the rule used in the CSS file (eg: the "border-radius" list-item has a class of "borderradius" and the "canvas" list-item has a class of "canvas").
- The result is if the feature is supported then a tick appears next to the list-item with the classname that matches that added to the <html> tag by Modernizr.
In the coming weeks we'll be adding some great new features to the site and implementing some of the feedback we've received so keep checking back for upgrades.
We'd also love to hear from you. So if you have anything you'd like us to know please leave a comment below.
32 Comments on this post
Speak to an Expert now on 01225 444 674Talk to Us