Just like WordPress, HTML5 is becoming more and more popular everyday. Website powered by WordPress Themes and plugins which are based on HTML5 are more compelling. All modern browsers have already started implementing HTML5 features but some browsers have limited support for all HTML5 tags.
If you want to learn everything you need to know about HTML and HTML5 and how to use it with this highly informative video based course at “HTML & HTML5 Crash Course” and “Introducing the HTML5 video element.
Today we are compiling a list of best Premium HTML5 WordPress Themes and WordPress Plugins with HTML5 fallback.
WordPress Plugins with HTML5 fallback
Embed video and audio on your website using shortcodes. The plugin enables HTML5 native playback for users with compatible browsers while offering an elegant degradation to other users through very lightweight Flash players. For HTML5 playback, it auto-detects and offers different alternatives, or degrades to Flash, and (failing even that) to download links.
CCSlider WP makes it easy to embed the CCSlider jQuery slideshow plugin in your WordPress theme. CCSlider is an unique slideshow plugin because of the fact that it supports 3d transitions! There are 10 stunning 3d transitions available, and also 10 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The plugin also supports HTML captions and autoplay of slides. See below for a list of features available in the plugin.
CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 10 stunning 3d transitions available, and also 10 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The plugin also supports HTML captions and autoplay of slides. See below for a list of features available in the plugin.
Ultimate DJ Manager is a “Must-Have” wordpress plugin for DJs and producers. The plugin comes with 3 outstanding Applications: Soundcloud Player, MP3 -Player in Flash with HTML5 fallback and a Gigs Scheduler.
Live preview | Detail
This plugin enables you to insert Google Maps widgets into your posts and pages, and by utilizing the Directions API , lets your user find directions to you (or any other address). Built on the 5 star rated jQuery Route Planner plugin!
- Let your customers or friends find you easily thanks to Google Maps!
- Leverage HTML5 GeoLocation. Users with a compatible browser or device don’t even have to type in their address. This plugin finds their location!
- Works in both posts and pages
- Custom TinyMCE shortcode plugin lets you easily insert the widget.
- Easily customizable! Want other labels, miles or kilometers or other modes of transportation? No problem at all!
- Works great on iOS and Android!
Chop Slider uses full power of CSS3 animation (2D and 3D transform transitions), has own CSS3 2D Transforms and 3D Transforms support detection and works a little bit different (but still awesome) in old (and Internet Explorer) browsers.
1. Three skins for you to choose from. So now it can fit perfectly in your site design.
2. A custom admin panel prepared for the gallery. Feeds from self hosted videos, videos hosted on s3 amazon, youtube, vimeo, images, vimeo or even audio ( so it’s a media gallery )
3. Has html5 functionality so that it can display on iPhone / iPad.
4. Cross-browser compatible. Works on every major browser.
- easy install – purchase, download the zip, access your WordPress Admin Menu > Plugins > Add New > Upload zip and that’s all! Go to Settings > Zoom Video Gallery and start adding videos.
- three skins – choose from Complete or Light skin for every gallery you setup
- iPhone/iPad compatible – this plugin generates html5 videos if the visitor is on an iToy
- full of choices – set up the gallery just by inputing your YouTube user/playlist in the ‘feed’ tag of the xml file. all descriptions/titles/thumbs/videos will be feeded directly from YouTube so you won’t need to write anything other then that
- hybrid – it can be a video player / example in the preview
Allows you to turn an unordered list of YouTube links into a video playlist. The php script makes the youtube list on a fly and uses the latest Gdata Api v2. You can choose to make a video playlist with keywords, userchannel or a regular youtube playlist. There are many options which can be set in the php script and in the jQuery function. Includes the new html5 youtube player option. This is the only youtube script available with search engine optimalisation (SEO) Almost drag and drop.
Best HTML5 WordPress Themes
Visual is designed for people who love a clean design and functionality. It’s built on a solid modular framework and it comes with a custom set of Widgets which allow you to build your own layout.
Visual comes with a modular structure, which means you can customize the whole theme as you wish. The homepage is really flexible, you may choose to use or remove the homepage slider, the message board, center and footer areas etc..
Nitro is a Modular HTML5 Theme for WordPress. It’s built on a solid Grid System Framework, the modular design gives you a full control on the theme layout. Homepage, Columns, Sidebars and Widget areas are designed to make this product really flexible and easy to use.
Nitro has a modular structure, which means you can customize the whole theme as you wish.
Daydream is an extremely variegated WordPress theme packed with many great features all accessible trough an incredibly easy and cool Control Panel. It comes in 15 colors and 25 (and growing) patterns to give even more personality to your website.
It was coded using the latest technologies: HTML5 and CSS3 , and also supports new HTML5 features like the video tag.
The theme uses HTML5 and CSS3 to create advanced styles using the latest technologies. Proper heading tags and coding standards are used to ensure outstanding search engine optimization. We take pride in creating well formatted and easily managed code.
Salutation is a WordPress and BuddyPress theme. If you’re not familiar with BuddyPress, it’s a social network plugin for WordPress allowing your website to become a fully functional community portal. BuddyPress lets your users interract through groups, forums, friends, status updates, private messaging and a lot more.
Studio Zen is a powerful theme for photographers and creative artists.
Features Fullscreen slideshows with audio. Video fullscreen playback fro Vimeo, Flash, Youtube and HTML5 videos.
Fullscreen Focus view toggle clears other elements for best view of fullscreen slideshows.
Portfolio includes a Horizontal Slide scroller with captions support, and Galleria slideshows, both placed on background images with focus view toggle.
A transparent fullscreen template where slideshow shortcodes and thumbnail galleries can be displayed nicely. Portfolio Galleria slideshow is currently generated by this template.
Post formats ( Aside, Quote, Audio, Video, Link, Image, Gallery )
Custom Widgets ( address, social icons, flickr, gallery, twitter, recent posts, popular posts )
Internationalized ( localize with your language .po .mo files included )
Free HTML5 WordPress Themes
HTML5Press lives here. HTML5Press is a WordPress theme based on the HTML5 template by Jesper.
Upgrade WordPress to HTML5! Download and install TwentyTen Five, or use it as a framework for your own HTML5 themes. It’s FREE!
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.
A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
A free WordPress theme that aims to provide a warm and pleasurable atmosphere for personal musings and ramblings. The theme comes in two flavors: HTML 4.01 and HTML5.
Euclides is the perfect theme for those who write tutorials online. While they concentrate on web developers, anyone can use this theme. By the way, Euclides is a free WordPress theme?
In an effort to inspire more WordPress theme designers to embrace HTML5, Digging into WordPress releasing the “H5” Theme Template. The H5 Theme Template is a bare-bones WordPress theme built entirely with HTML 5 and styled with CSS 2.1. As you may know, HTML 5 provides greater flexibility and interoperability than previous markup languages, and enables us to build well-structured themes that are more flexible, interactive, and semantically precise.
Starkers HTML5 is now available on GitHub, you can now download it, fork it, change it, basically do whatever you want to do with it.
A theme presented by Dreamweaver Gratuit. FreeDream is a clean and simple theme using HTML5 and CSS3 properties. This theme works fine on every current versions of MSIE (6, 7 and 8), Firefox and Safari.
Roots is a starting WordPress theme made for developers that’s based on HTML5 Boilerplate, Blueprint CSS (or 960.gs) and Starkers that will help you rapidly create brochure sites and blogs.
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’sHTML5 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.
The Constellation Theme is an assemblage of awesome resources, put together to form an extremely flexible WordPress foundation.
The theme 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 andhAtom microformats.
modernizr (html5 feature detection). HTML5 reset stylesheet. A well thought out HTML5 document outline which is good for SEO and Accessibility @font-face examples
A Thematic theme for WordPress using the goodness of HTML5 Boilerplate.
Light WordPress theme based on HTML5. Has an options, like a position of a main layout and a position of a sidebars.
Pure HTML5 theme with custom colours using css3. This theme is child-theme ready and supports WordPress 3.2, including support for aside and gallery post-formats.
Platform is an drag-and-drop theme-design framework for WordPress and HTML5. It will help you do amazing things with your site, faster & easier than ever before. Designed and developed by PageLines in California.
Grey: A New Free HTML5/CSS3 WordPress Theme
ThemeInspire is here to help you update your website with stunning, professional themes.
The design of Temple Gate is inspired by the spirituality and simplicity of Japanese Temple Gate.
Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on).
Do inform by commenting if you know any other HTML5 WordPress theme and Plugin that we’re missing.