category: html5

18
JUN
2015

The Header

Posted by Shane

So with the new found technologies of CSS3 gradients, etc. and the re-launch of this site, I been working on converting my header that was originally flash to CSS3/Javascript/jQuery. This way the header (if you remember) that is based on your location (if you shared that information) changes to the right “time of day” and will for every second change (as time does) based on the actual timer periods of your location. read more ‘The Header

18
SEP
2010

Header is now CSS3/HTML5

Posted by Shane

I get a lot of complements on my flash header. Particularly the second by second update of the “gradient tween” that goes between that syncs up with the real time of day. So as you are reading this now, look at the header on my site (Flash enabled?). Does the time period pretty much match what is outside at the moment? It should be pretty close to what your experiencing outside.

This 24-loop header is great because you also see the stars “rise” and “set”, different seasons, and even the animated butterflies that pop out during the summer time. Overall the header is the most advanced thing that I can find on the web that does this type of animation. There is one catch to viewing this header: You have to have flash enabled and/or be on a flash compatible device. Do’h!

read more ‘Header is now CSS3/HTML5

02
MAY
2010

WordPress & HTML5

Posted by Shane

I am hoping a lot of you out there that read my blog are design and wordpress users because changing your site to conform to HTML5 will not be that hard. I have changed 3 lines.

Index: E:/My Site/Code/trunk/header.php
===================================================================
--- E:/My Site/Code/trunk/header.php    (revision 252)
+++ E:/My Site/Code/trunk/header.php    (working copy)
@@ -1,6 +1,6 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
-<head profile="http://gmpg.org/xfn/11">
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
 <title><?php wp_title(' | ', true, 'right'); ?><?php bloginfo('name'); ?></title>

 <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
@@ -59,7 +59,7 @@
 </div>
 <div id="content">
 <div id="logo">
-        <a id="site-link" href="/" title="<?php bloginfo('name'); ?> | <?php bloginfo('description'); ?>" />
+        <a id="site-link" href="/" title="<?php bloginfo('name'); ?> | <?php bloginfo('description'); ?>"></a>
 </div>
 <div id="header-navigation">
 <ul id="main-navigation">

After that it was pretty much valid for HTML5 through out the entire site. Pretty sweet huh? Oh.. site validates now with HTML5. :) You should still run your site through the vaildator to make sure that nothing else is messed up, but all my pages complied the first time and that was from XHTML 1.0 to HTML5.