Yet another new design

Alright I know it is horrible but I really didn’t like the last design and there was a lot behind the scenes I wanted to change. I decided I would update the site again and resolve some of the issues I had with the code.

One thing I wanted to do was start converting the site over to html5. Really there isn’t much of a point at this juncture other than it is more semantic and simple to make the change.

For example historically I would code something like this for the header.

<div id="header" class="container_12 clearfix">
    <h1 class="grid_5">
        <a class="logo" href="#">Daniel Hardy</a>
    </h1>
    <div id="nav" class="grid_7">
        <ul class="navList right">
            <li><a href="#home">Home</a></li>
            <li><a href="#archives" >Archives</a></li>
        </ul>
    </div>
</div>

In HTML5 it would be more semantic and may look like this…

<header class="container_12 clearfix">
    <h1 class="grid_5">
        <a class="logo" href="#">Daniel Hardy</a>
    </h1>
    <nav class="grid_7">
        <ul class="navList right">
            <li><a href="#home">Home</a></li>
            <li><a href="#archives" >Archives</a></li>
        </ul>
    </nav>
</header>

Pretty easy eh?

That takes care of the compliant browsers but to get the new HTML5 elements to work in IE you need to use a little javascript called HTML5 Shiv. I am lazy and want to make sure I always have a current version so I just placed the following in the head.

<!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Obviously this is just a piece of the conversion. I am still trying to iron out the final pieces but it should not impact the overall design.

2 Responses to “Yet another new design”

  1. Jon Reily says:
    March 23, 2010 at 8:33 am

    Love it. Great look and very clean. Great job!

    Reply

Leave a Reply