Daniel Hardy » Redesign http://www.danielhardy.com I speak usability & developer to make amazing user experiences. Fri, 23 Jul 2010 04:36:47 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Yet another new design http://www.danielhardy.com/blog/yet-another-new-design/ http://www.danielhardy.com/blog/yet-another-new-design/#comments Tue, 23 Mar 2010 03:34:47 +0000 Daniel Hardy http://www.danielhardy.com/?p=209 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.

]]> http://www.danielhardy.com/blog/yet-another-new-design/feed/ 2 Site Change http://www.danielhardy.com/blog/site-change/ http://www.danielhardy.com/blog/site-change/#comments Fri, 07 Dec 2007 03:14:48 +0000 Daniel Hardy http://www.danielhardy.com/blog/site-change/ Well, I said a while back that I would be changing the theme. Over the last several months I have struggled with creating a theme that I felt was good enough and fit my personal style. Today I have finally given up. This theme could be considerable better on multiple fronts and doesn’t fulfill the previous statements but I decided it was finally time to just post something. I am not sure how long it will stick around for but at least I got it up.

]]> http://www.danielhardy.com/blog/site-change/feed/ 0 Let me know what you think of the new site http://www.danielhardy.com/blog/let-me-know-what-you-think-of-the-new-site/ http://www.danielhardy.com/blog/let-me-know-what-you-think-of-the-new-site/#comments Tue, 26 Jun 2007 02:48:20 +0000 Daniel Hardy http://www.danielhardy.com/blog/?p=26 Let me know what you think of the new site. It still has a ways to go but I think it is certainly more entertaining that previous versions.

For those of you in IE6 or less please use a better browser ;) as it will significantly change the viewing experience.

]]> http://www.danielhardy.com/blog/let-me-know-what-you-think-of-the-new-site/feed/ 0