... part of the Web Site of George North -- Back to Site Index
Webpage Design and Development, CPST-2400-10
with HTML5 and CSS3
Fall 2019

Web Browsers that support HTML5
and why we use Modernizr.js

see also Strategy for editing HTML
see also HTML 5 Template

You need a Modern WebBrowser

Not everyone browsing the Web has a modern WebBrowser. You need one for this class. It is likely you already have one, but make sure you do. Realize that visitors to your WebSite may not have one.

WebBrowsers ... it is a total MUST for you to have at minimum one Modern WebBrowser. George recommends you have three (3) modern WebBrowsers install, and use all 3 to test your WebPages.

Modern WebBrowsers ... Internet Explorer 8 and above is modern, Explorer 7 and older, not modern. If you are a Macintosh user Safari is modern. Both Windows and Mac users can install a version of Google Chrome and Mozilla Firefox. Current version of Firefox for Windows can be downloaded here ... Windows Firefox here. Current version of Firefox for Mac can be downloaded here ... Mac Firefox here. Current version of Google Chrome can be downloaded here ... Crome here.

We will use Modernizr!!!

Modernizr is a free, open-source, MIT-licensed JavaScript Library of functions that provides support for many HTML5 elements and for the newest CSS styles. One of the many uses of Modernizr is to enabel support for HTML5 in older browsers.

We will link Modernizr scripts to every WebPage we write this semester. You can easily see the needed HTML to use Modernizr in our HTML 5 Template because it is highlighted using color blue.

Here is the needed HTML again ...

<script src="http://www.tulane.edu/~gnorth/modernizr.js"></script>
The URL points to a file on Tulane's WebServer, in my personal WebSite. There I will keep the current version of Modernizr. If you brose to this URL, http://www.tulane.edu/~gnorth/modernizr.js, you will see the text of all these JavaScripts. Not really important that you see this. Really very important that you remember to include this in your HTML. Remember, this link to JavaScript belongs inside the <head> element of your HTML.

See the HTML 5 Template again.