A banner that helps users update their browsers to newer, better capable ones.
Web developers have a problem nowadays on the web. There's too many web browsers and there's too many versions of these browsers, some of them from more than a decade ago. ModernWeb purpose is to change that by helping people update their browsers and start seeing a new web. A web that loads faster and it's much more beautiful than before.
Many things have changed since the web came to public. Today we have HTML5, CSS3 and newer versions of JavaScript that helps developers create a deeper user experience. Legacy browsers doesn't support these kind of technology as you can see on http://caniuse.com
As many web developers know, we have workarounds for those legacy browsers: polyfills and fallbacks. The problem is that the many browsers you want to support the many crap you put in your code, things like checking for features and applying then according to browsers capabilities.
So we decided to create this banner. By using it, developers can unleash their creativity and actually show people how great it would be if everyone use a modern browser. In fact, this very own website use this approach, if you are seeing this on a legacy browser you should already be seeing the ModernWeb banner. Update to a newer browser and you should see this page render a little bit better and the banner won't appear.
ModernWeb works by checking canvas support on the browser. We chose this feature because it helps divide modern browsers from legacy ones. If you need more accurate feature checking we suggest you to use Modernizr with ModernWeb.displayBanner() method.
If the browser doesn't support canvas we show the banner with the option to download the most popular modern browsers. For more information Fork the project on Github.
Google Chrome is an excellent browser made by Google that uses the WebKit engine (future versions will use the WebKit based Blink engine). It is always updated to be compatible with the latest resources regarding HTML, CSS and JavaScript. It has a nice user interface that is simple to use and an automatic update system that keeps your browser always updated without bothering you.
Mozilla Firefox is a browser from Mozilla (a non-profit organization that pushes the web forward) that uses the Gecko engine. Firefox is designed to be simple and easy to use, yet pretty customizable. It is important that you keep it always up to date, fortunately Mozilla has implemented an automatic update system in the latest versions of the browser.
Safari is the first browser that used the WebKit engine, which was originally developed by Apple. This browser is a nice option too, as it supports most of the modern features available.
Opera, from Opera Software used to use the Presto engine to render websites, but they decided to switch to WebKit seeking to be compatible with websites developed for WebKit. This browser can be used as reference to developers as it implements new resources very fast.
This browser used to be a problem to developers worldwide, but since IE10 this has changed. The latest versions of Internet Explorer support many of the modern web APIs.