HTML5 templates with CSS3?

Post 240 of 262

The templates on are all written using XHTML and CSS2, but newer web standard drafts are on their way. HTML5 and CSS3 are gaining in popularity, and with more and more web browsers adding support for these upcoming standards the interest for using them for website production increases. As a logical result, the interest for HTML5 and CSS3 website templates is also increasing, and I get more and more questions and requests about moving on to HTML5.

Now, I am just as excited as everyone else. HTML5 is really interesting, and it appears to be lovely to work with in terms of code. And together with CSS3 it can become really pretty. I just haven’t taken the step into this new world of opportunities that HTML5 and CSS3 provides, atleast not when it comes to website templates. But it is time to get started now. Tomorrow I will release my first template that uses CSS3. It will be a kind of microsite template, an extremely simple layout for online business cards, product or company presentations, CV:s and similar content. A few sample pages with different layouts will be included, and the template design will be enhanced by text-shadows and other details based on CSS3.

However, I am a bit worried about the fact that CSS3 doesn’t work in all web browsers, so part of the beauty with the new template will get lost for many people. This is not in line with the design philosophy I have followed since I started building website templates, so I will stick with XHTML and CSS2 for yet some time. But this new template will be an experiment and as such, an exception – something that will be explained on the template page and in the template itself. I will continue to build upon it and maybe convert it into a HTML5 template at a later point.

What are your opinions on HTML5 and CSS3 templates?

, ,

This article was written by Andreas Viklund

Web designer, writer and the creative engine behind this website. Author of most of the free website templates, along with some of the WordPress themes.


Martin Kamp JensenNovember 2, 2010 at 13:28Reply

Looking forward to the “business card” template!

magentoDecember 21, 2010 at 20:04Reply

Its really amazing and very very functional for my website…

magentoOctober 5, 2011 at 10:33Reply

I still find it rubbish that the most used browser (currently IE8) has such rubbish support for CSS3 and HTML5.

Having said that though I can’t see how, going forward, HTML5 will be taken up by the dev community since flash and other streaming technologies work so well whether on mobile or stationary pc/mac. Although, am I alone in thinking that the real benefits of HTML5 are somewhat limited to the video tag?

Anyway, thank you Andreas for a thought provoking post, I especially like your template ‘grid’, its one of the best grid templates (at 960px) out there. Have you ever spent much time using blueprint?