30 (Very) Cool Examples of HTML5 Websites
- Featured Articles
- Jul 31, 2013
HTML5 is the newest version of the HTML standard and it comes packed with many features to spice up any website. Some of the new tags included in HTML5 include the video, audio, and canvas. HTML5 also has many advantages over its predecessor including but not limited to reduced development costs, local data storage, code maintenance, and new forms.
Below are 30 cool examples of websites using HTML5.
1. Green House
The Green Houses uses the <nav> and <hgroup> HTML5 tags to create this beautiful looking website. The website also includes information on turning your house into a greenhouse to help save the environment.
4. The Elder Scrolls Skyrim
5. Banner Inspiration
6. HTML5 Awesome
The name says it all here; HTML5 Awesome uses many different elements exclusive to HTML5 to bring their site to life. Some of the major tags used include <selection>, <nav>, <header>, <figure>, <aside>, the meta charset element, and many others. This site is truly HTML5Awsome.
Cibgraphics is a design studio that provides printed materials and web design to their clients. Their site uses the <section> and <footer> HTML5 tags nicely to bring you a clean yet powerful website.
Keyzo is an IT solutions company that provides a range of services to meet their client’s needs. It is clear that Keyzo’s website was developed around HTML5 because the <section>, <header>, and <footer> elements were used frequently.
9. CSS Winner
Catcubed is a site about art, code, and design. The site has a unique look and is loaded with HTML5 elements. Some of the elements being used include <nav>, <article>, <header>, and <footer>.
11. CSS Religion
CSS Religion is a site all about religion and is presented in a clean and efficient manner. The site does not use much HTML5 native elements but it is loaded with CSS that works with HTML5.
12. An Event Apart
An Event Apart is a website that offers training for web developers all over the country. The site is built to attract the attention of web developers and it uses a lot of different features to do this.
13. CSS Menu Samples
CSS Menu Samples is another site designed to show off work. It was built around the <header> and <footer> HTML5 native elements and is an attractive website.
14. MW Template
15. HTML Email Gallery
HTML Email Gallery is dedicated to emails that are HTML based. The sire offers enough content to keep you busy for a while. HTML Email Gallery is loaded with native HTML5 tags including <section>, <nav>, <header>, and <footer>.
16. The Inspiration Grid
The Inspiration Grid is a site designed to provide inspiration to the viewers with a gorgeous website. This site uses the <section> tag nicely and is designed for user interaction.
17. Landing Page Gallery
The Landing Page Gallery is another site designed to showcase website. This site focuses on displaying the landing page of impressive websites. Like most other gallery sites this site was built using a lot of HTML5 tags. Some of the tags used include <header>, <section>, and <footer>.
18. Rockstar Working
Rockstar Working is a web site designing company with a unique website of their own. This site was designed to draw in the users attention and was built using the <header>, <section>, and <footer> HTML5 commands.
21. JQM Gallery
22. Theme Design Gallery
23. Will Work for Art
Will Work for Art is a site that is designed to show case different types of art. This site was not designed like a typical gallery giving it some extra points in my book. This site release heavily on the <article> HTML5 tag and without it the site would not be able to function.
24. Web Banner Galler
Codedread is a site that offers code for games and other projects. It is setup in a completely different way than most other sits of this type. The site was designed using mainly only tags found in HTML5.
26. Empire State Recordings
27. Editorial Template
Editorial Template is a WordPress template that is designed to meet the publishing requirements of digital magazines. This site is one of the few sites that I have seen to actually use the <canvas> tag.
28. CSS3 Designer
CSS3 Designer is a site that makes cool CSS3 buttons for webmasters. This site has a great layout ad was built using the <article>, <section>, <header>, and <footer> HTML5 tags.
29. AX Visual
AX Visual Design Studio offers design services to meet the needs of their clients. This site has outstanding images on it and was built using the <header>, <footer>, and <section> HTML5 tags.
30. Film Review Friday
Film Review Friday is a film review site that is designed for smaller, or Tweet sized, film reviews. This site is loaded with HTML5 tags and has a unique look to it. The site uses many tags only available in HTML5 like the <header>, <footer>, <article>, and <section> tags.
Can’t get enough of HTML 5?
So do we! Here’s more on the topic, go check them out.
[icon_list icon=”angle-right”]* Learn HTML 5: 10 Must Read Lessons
* Getting Started with HTML 5
* Master HTML 5: 10 Instant Tips and Tricks with Sample Code
* Top 30 Must Read HTML 5 Tutorials in 2012