iandevlin.com

Icon

A mixture of musings on web design & development, history, and life

Grid Focus – HTML5 WordPress Theme

wordpress

I have taken Derek Punsalan’s Grid Focus WordPress theme (which is the theme used on this blog, although it’s slightly modified) and converted it to HTML5.

With Derek’s permission, this conversion is now available to download from this site.

Derek’s original works in WordPress 2.6+ and I can confirm that it works in WordPress 3.0.1.

Let me know what you think!

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

This blog is now HTML5 compliant

html5

I have spent some time today converting the WordPress theme that I use for this blog, the excellent Grid Focus by Derek Punsulan, into HTML5. As of today, this blog is now HTML5 compliant.

It’s the first time I’ve delved into the world of WordPress theming, and I was pleasantly surprised how simple it is. Next step is to create my own from scratch, but I am looking forward to that.

Unfortunately one of the plugins that I use, SocioFluid generates invalid code, using deprecated elements and attributes. So this part doesn’t validate at all. I must look into an alternative. If you have any in mind, please let me know.

I’ve also converted my Decimal to Roman Numerals script into PHP for use in the copyright date in the footer.

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

The confusion surrounding HTML5

html5 and pc pro

My latest blog post over on PC Pro is up. The confusion surrounding HTML5 where I try to separate what HTML5 actually is from what the media and others seem to think it is.

As before, feel free to let me know what you think, either in this blog or over at PC Pro.

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

html5 laboratory – the drag and drop API

html5 laboratory

I’ve just written a simple post over at HTML5 Laboratory all about the HTML5 drag and drop API.

It’s by no means a complete explanation of the contents of this API, but it does give a sample of what can be done with this useful new feature that’s part of HTML5.

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

The top 10 HTML5 sites dissected

html5 and pc pro

My second blog post over on PC Pro is up. The top 10 HTML5 sites dissected where I take 10 HTML5 websites and briefly talk about what HTML5 elements, attributes and items each of them use.

As before, feel free to let me know what you think, either in this blog or over at PC Pro.

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png