Archive for the Category: ‘Design’
November 30th, 2010
Handcrafted WordPress HTML5 Starter Theme
Handcrafted WP is a starter theme built for WordPress developers who are doing more than building blogs. The theme is based on Ian Stewart’s Toolbox Starter theme and Paul Irish & Divya Manian’s HTML5 Boilerplate plus some other awesome features based off our years of experience. This is not a framework, but an almost-naked starter theme that gives you a rock solid starting point for crafting a serious website on the WordPress platform.
Wicked Awesome Features
Full HTML5 markup with HTML5Doctor’s reset
- Target IE
Conditional tags on <head> so no hacks needed
- Managed Menus
Header, Footer & Utility menus ready to go
- Cleaner <head>
Clean up the default code in the head
capital_p_dangit is dead on arrival (you’re welcome)
- Dashboard Widgets
Easily disable dashboard widgets for clients
- Asynchronous Google Analytics
Optimized GA script thanks to @mathias
- Custom Post Type
Default custom post type ready to go
- Hide Meta Boxes
Hide meta boxes on Post & Page screens
jQuery from Google CDN with local fallback
Enable HTML5 support in IE
- Post Formats
Ready to go for 3.1
Since this video was made, some things have changed. Namely, Modernizr is no longer bundled and Remy Sharp’s HTML5shiv has taken its place. Not enough people seemed to use it so the overhead wasn’t worth it. Post formats has also been added in the functions.php for when 3.1 goes gold. The changelog will always be available here.
July 21st, 2010
HTML5-ified Twenty Ten
So we all know WordPress 3.0 ships with a shiny new theme called Twenty Ten. You probably also know that this theme is "HTML5" ready. What does that mean? Not much. Basically that the code validates and the doctype is the new HTML5 doctype. No <header>, <footer>, <asides>, etc to be found (understandably). So I decided to take the theme and make it as HTML5-ified as possible.
My goal was not to rewrite the theme or take out the bloat or create something you should use in production in lieu of the stock theme, but just to try and get a better handle on how we as developers are going to be writing markup in the near future. I really see this as a way for the community to give input as to how, say, the <asides> tag should be used. Or maybe whether the author section should be wrapped in its own <section>.
Even though this will obviously be WordPress-theme-centric, its purpose is to get a better handle on writing HTML5 markup for any site.
I’ll be updating the theme based on the feedback I get – Leave a comment below or hit me up on Twitter @randyjensen. Again, I’m really curious to see how each person interprets each tag and its purpose. This is a place to openly discuss HTML5′s new tags and how they should or should not be used.
Thanks to Mark Pilgrim for his Dive into HTML5 book
Also thanks to Randy Hoyt for double checking the code
And if you’re looking for an awesome HTML5 WordPress starter theme, Ian Stewart has you covered.