HTML5, more chess

Chess.html: <!DOCTYPE html> <html> <head> <style> table { border: 5px solid #333; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; text-align: center; } tr:nth-child(odd) td:nth-child(even), tr:nth-child(even) td:nth-child(odd) { background: #ccc; background:-moz-linear-gradient(top, #ccc, #eee); background:-webkit-gradient(linear,0 0, 0 100%, from(#ccc), to(#eee)); height: 40px; width: 40px; } </style> <script src=”http://code.jquery.com/jquery-1.8.2.min.js”></script&gt; <script… Read More HTML5, more chess

HTML5 your thoughts?

In the following example there is a few weird combinations of html5 semantics, but is it wrong? Let’s hear your opinion if you have one:) Please respond with any suggestions of improvements, I am not thinking about design here, just the actual semantics. <!DOCTYPE html> <html lang=”en”> <head> <title>Fantasy Footbal</title> <meta charset=”UTF-8″/> <link rel=”stylesheet” href=”mystyle.css”>… Read More HTML5 your thoughts?

Google Maps w/ location

This html / jquery example will show you how to search for the browser location on googlemaps, also it can be used for GPS locations. The HTML: <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”user-scalable=no,width=device-width” /> <script src=”http://code.jquery.com/jquery-1.8.2.min.js”></script&gt; <script src=”http://maps.googleapis.com/maps/api/js?sensor=true”></script&gt; <script src=”gmap.js”></script> </head> <body> <div id=”mapPage”> <div id=”mapCanvas”> <script> $(document).ready(function(){ gmap.getUserLoc(); gmap.loadMap(); }); </script> loading position…… Read More Google Maps w/ location

HTML5 forms example

<!DOCTYPE html> <!–[if lt IE 7]> <html class=”no-js lt-ie9 lt-ie8 lt-ie7″> <![endif]–> <!–[if IE 7]> <html class=”no-js lt-ie9 lt-ie8″> <![endif]–> <!–[if IE 8]> <html class=”no-js lt-ie9″> <![endif]–> <!–[if gt IE 8]><!–> <html class=”no-js”> <!–<![endif]–> <head> <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″> <title>Booking</title> <meta name=”description” content=””> <meta name=”viewport” content=”width=device-width”> <script src=”http://code.jquery.com/jquery-1.8.2.min.js”></script&gt; <style> label em { color: red;… Read More HTML5 forms example

old browsers support HTML5 tags?

Old browsers do not support html5 however using the published .js functionality will enable replacement for the html5 tags that is not supported by older browsers. Enter the following code in the <head> section of your webpage <!DOCTYPE HTML> <html> <head> <!–[if lt IE 9]> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script&gt; <![endif]–> </head> <body> </body> </html> If for some… Read More old browsers support HTML5 tags?