10 HTML5-Ready Blank, Bare-Bones and Naked Themes for WordPress

If you are a WordPress developer and are looking for an easy way of rapidly building HTML5 ready themes without having to re-write the same WordPress code over and over, then this post is for you.
Blank, bare-bones, naked, themes, or whatever you prefer to call them, are a life-saver for developers who have to build WordPress themes on a regular basis. They are basically stripped-back themes that have had all of their surplus non-essential code stripped away, leaving only the bare necessities and a fantastic starting point for any new project.

Previously, we had published a post (10 Blank/Naked WordPress Themes Perfect for Development) covering bare-bones WordPress themes but, at the time, there were very few themes that were HTML5 ready. Now with HTML5 being embraced by most developers the availability and demand has sky-rocketted.

In this post we feature 10 blank, bare-bones or naked HTML5 ready themes, each with varied degrees of ‘nakedness’ and each offering different features and functionality.
We have also added The Constellation and the HTML5 in TwentyTen themes, which are not really blank themes, but are choc full of features that make them good enough as a starting point for any WordPress project.

Roots WordPress Theme

Roots WordPress Theme
Roots is a starting WordPress theme that has been built with the HTML5 Boilerplate, Blueprint CSS/960.gs, and is hNews microformat ready.
Roots includes many amazing features, here are some of its key features:

• HTML5 Boilerplate’s incredibly powerful .htaccess directly from the theme
• Blog posts are based on the hNews microformat as recommended by Readability’s Article Publishing Guidelines
• Home page created with some temporary lorem ipsum
• Primary and Utility navigation menus are created
• Automatically sets the permalink structure to /%year%/%postname%/
• All static theme assets are rewritten to the website root (/css/, /img/, and /js/)
• The search results show up with a clean /search/query/ URL rather than /?s=query
• Robots.txt optimized for SEO as recommended by the WordPress Codex
• Simple page templates for full width, sitemap & subpages
Roots WordPress Theme →Roots Documentation →Roots Gallery & Demos →

Handcrafted WP Starter Theme

Handcrafted WP is an almost-naked HTML5 ready starter theme based on Ian Stewart’s Toolbox Starter Theme and Paul Irish & Divya Manian’s HTML5 Boilerplate. It comes with a very basic layout and is packed with a kick-ass array of useful features and functions to get you started. Here are some of the key features:

• Cross-browser compatible
• HTML5 ready with reset
• IE specific classes for maximum cross-browser control
• iOS, Android, Opera mobile-adaptable markup & CSS skeleton
• Google CDN hosted jQuery with fallback
• HTML5 Shiv to enable support for IE
• Custom Post Type with custom icon ready to go
• Post formats ready to go but commented out

Handcrafted WP Starter Theme Walkthrough

HTML5 WordPress Shell

HTML5 WordPress Shell
This is an updated version of the original WP Shell from www.mimoymima.com taking advantage of HTML5. It is a fantastic starting point for quickly creating themes using HTML5 with an abundance of features:

• Custom template examples and 404 & 503 error pages
• It Includes the The mother of all WordPress BODY tags
• Support for WordPress’ new new menu system
Modernizr (HTML5 feature detection) and HTML5 reset stylesheet
• Well thought out HTML5 document outline good for SEO and Accessibility
• It includes @font-face examples
• Supports iPhone detection
• Includes IE conditional stylesheets
HTML5 WordPress Shell →

Toolbox – An HTML5 WordPress Starter Theme

Toolbox - An HTML5 WordPress Starter Theme
Toolbox, developed by Automattic, is not as feature rich as any of the other blank/bare-bones themes in this article. What it does do is give you a completely un-styled blank canvas, with some of the exciting new HTML5 elements like <article>, <header>, and <nav>, so that you can quickly build your own HTML5-ready theme.
Toolbox →View Demo →

HTML5 Boilerplate for Thematic

As the title states, this is a Thematic theme for WordPress using the HTML5 Boilerplate. Its theme has been based on the WordPress default theme Twenty Ten, and makes use of some of its features, as well as layout options from Thematic, to create an effective boilerplate for development.
HTML5 Boilerplate for Thematic →HTML5 Boilerplate for Thematic →

Starkers HTML5

Starkers HTML5
Developed by Nathan Staines, Starkers HTML5 is a bare-bones WordPress theme created to act as a starting point for the theme designer. Just like Elliot Jay Stocks’ original and very popular version of ‘Starkers‘ this theme is based on the current WordPress default – ‘TwentyTen’. Free of all presentational elements and non-semantic markup, Starkers HTML5 is the perfect ‘blank slate’ for your WordPress projects, as it’s a stripped-back version of the ‘Default’ theme.
Starkers HTML5 →

HTML5 Reset WordPress Theme

HTML5 Reset WordPress Theme
The HTML5 Reset WordPress theme is a blank theme based on the HTML5 Reset templates. In addition to all the standard WordPress elements and classes, they have added the code required so that the single post template conforms with the hNews microformat.
HTML5 Reset WordPress Theme →

H5 WordPress Theme

H5 WordPress Theme
The H5 Theme Template offers everything you need to create beautiful themes with HTML5. It has a complete set of theme files and folders, and each file being meticulously crafted with all of the latest and greatest WordPress functionality. As a template theme, H5 is designed with easy customization and personalization in mind, serving as a solid starting point for your next HTML5-based theme.
H5 WordPress Theme →

Brave New World WordPress theme

Brave New World is free of layout and styling beyond a modified version of Eric Meyer’s reset CSS and a baseline typography. Just like Elliot Jay Stock’s Starkers theme this is a base theme free from cruft yet incorporates HTML5, WAI-ARIA landmark roles and hCard and hAtom microformats.
Brave New World WordPress theme →

Constellation Theme for WordPress

Constellation Theme for WordPress
The Constellation theme, not as bare-bones as others, is a highly optimized WordPress framework rewritten from the ground up using HTML5. It gives you the flexibility to offer bespoke styles for different devices (includes media queries for several devices), totally up-to-date HTML5 code which is fantastic for SEO, a flexible grid system on top of all the other goodness bundled in to the HTML5 boiler plate.
Constellation Theme for WordPress →View Demo →

Use HTML5 in WordPress TwentyTen

Use HTML5 in WordPress TwentyTen
Built to accompany an article in Smashing Magazine, TwentyTen Five is an HTML5 upgrade of the default WordPress TwentyTen theme that brings brand new HTML5 elements and functionality to WordPress.
Use HTML5 in WordPress TwentyTen →

You might also like…

20 Plugin Replacing Tutorials, Tips, Snippets and Solutions for WordPress →
Dummy Content Filler Resources for WordPress, Drupal and Joomla Developers →
10 Useful WordPress Search Code Snippets →
30 Grid-Based WordPress Themes →
40 More Stylish, Minimal and Clean Free WordPress Themes →
20+ Free and Stylish Typography WordPress Themes →
30 Brand New Quality WordPress Themes →
10 Blank/Naked WordPress Themes Perfect for Development →
25 Fresh, Clean and Unique WordPress Themes →
40 Awesome and Fresh WordPress Themes →
Essential WordPress Plugin Development Resources, Tutorials and Guides →
20+ Powerful WordPress Security Plugins and Some Tips and Tricks →

Author: (566 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine. You can follow Speckyboy on Twitter, on Facebook, on Digg or you can subscribe via RSS.

  • http://www.facebook.com/sanjikhemlani Sanjay J. Khemlani

    wow! nice list! will try this as base plate for wordpress theme, thanks for posting this!

  • Pingback: 11 themes en blanco para WordPress en HTML5

  • http://twitter.com/martinluff Martin Luff

    In any bare-bones lists of HTML5 WP templates I’d add ‘Bones’ http://themble.com/bones/ – in the words of Paul Irish ‘Wow. Bones is Super Hot! Seriously.’

  • Pingback: Temas básicos para WordPress hechos con HTML 5 | A collection of stuff

  • http://palimadra.tumblr.com Pali Madra

    A great post for WordPress developers like me. It will help me understand how HTML5 can be used with WordPress. Thanks an tonne

  • http://htmlpress.net/ Ed

    cool! i didn’t realise there are lots of html5 blank themes already.

  • Pingback: Showcase of HTML5-Powered Sites | Content Store

  • http://css4design.com br1o

    Hi, just a word to present Basics : A Hard Rock-solid Theme based on HTML5 Boilerplate «For Those About to Rock» with WordPress, available at http://wp4design.com 

  • Sergio

    Can anyone suggest a good barebone for someone with little experience creating themes? I don’t have the patience and/or knowledge to discern every single one of the themes mentioned above. I would like to learn step by step from the documentation provided on the links.

  • Sagar Nangare

    Hi all ..Stucked here..
    my client wants to redesign site http://hachikotourism.in/ with latest features added.
    I found Presswork here http://presswork.me/features/
    I have two options now. Roots is better or Presswork.
    Cant decide which one is better and more useful?
    Please suggest me the better option..

  • Eric Rowan

    @twitter-22992563:disqus Do you know if Bones supports the 1140 CSS Grid? Or what it would take to make that happen? I’ve been struggling with Roots all day, but I can not bend it to my needs.

  • http://dedos.info Rafael Trabasso

    Toolbox is not “completely un-styled” blank canvas.
    It’s a bloated framework with lots of unnecessary and annoying things, as is Thematic and everything made by Automattic team.

  • http://www.hiredotnetdeveloperindia.com/silverlight-development.php Silverlight Development

    TwentyTen Five  is really awesome platform to create wonderful wordpress website with HTML5. HTML5 can be used with WordPress.Thanks for nice info.

  • http://www.wordimpressed.com Devin Walker

    Man this is the exact article I need to start my next project.  Like starting with a fresh start. Thanks Specky!

  • Simon
  • http://bryanhadaway.com Bryan Hadaway

    BlankSlate would be an excellent contender for this list:
    http://wordpress.org/extend/themes/blankslate

    Thanks, Bryan
     

  • Rob Muller

    Thanks! Thisis Just what I needed.