Top 10 Best HTML5 Websites of 2014
Here are our editor's picks for the Top 10 Best HTML5 Websites of 2014 based on visual artistry, integrated sound, ease of use, and uniqueness.
1 | The Wilderness Downtown | Arcade Fire
The Wilderness Downtown is an interactive music video for Arcade Fire’s song “We Used to Wait”. Visitors are asked to input the address of the home they grew up in and then the site uses Google Earth and HTML5 to create a personalized music video that takes the user on a journey back home.
2 | Three Dreams of Black
3 Dreams of Black uses HTML5 to promote Danger Mouse and Daniele Luppi’s album Rome. The site creates a 3D interactive world using WebGL where all the objects in the video react to both the music and user inputs. The site will make you feel as if you’ve EXPERIENCED the song and not simply listened to it.
3 Dreams of Black uses HTML5 to promote Danger Mouse and Daniele Luppi’s album Rome. The site creates a 3D interactive world using WebGL where all the objects in the video react to both the music and user inputs. The site will make you feel as if you’ve EXPERIENCED the song and not simply listened to it.
3 | 360 Langstrasse Zurich
This website uses HTML5 to allow users to take an interactive stroll down one of the busiest streets in Zurich. A fun experience that allows users a glimpse into what the future of virtual tourism may look like. This also serves as a guide to a more intimate way for small business to advertise their shops.
This website uses HTML5 to allow users to take an interactive stroll down one of the busiest streets in Zurich. A fun experience that allows users a glimpse into what the future of virtual tourism may look like. This also serves as a guide to a more intimate way for small business to advertise their shops.
4 | Soul Reaper
A scroll activated digital comic book developed by Saizen Media uses HTML5 to breathe some new live into the presentation of graphic stories. The added motion and pacing makes the static images and story seem to come alive in a way that seems to be a bridge between old comics and video.
A scroll activated digital comic book developed by Saizen Media uses HTML5 to breathe some new live into the presentation of graphic stories. The added motion and pacing makes the static images and story seem to come alive in a way that seems to be a bridge between old comics and video.
5 | The Expressive Web
Adobe created the Expressive Web website to highlight the functionality and creative potential offered through the use of HTML5 and CSS3. Through various examples and code snippets this is truly the best “advanced” HTML5 user guide we’ve seen. This site should be bookmarked by all HTML5 developers.
Adobe created the Expressive Web website to highlight the functionality and creative potential offered through the use of HTML5 and CSS3. Through various examples and code snippets this is truly the best “advanced” HTML5 user guide we’ve seen. This site should be bookmarked by all HTML5 developers.
6 | Art of Stars
Art of the Stars uses your IP address to draw a picture of the Star constellation directly above you. What is most interesting about this project is that it uses HTML5 to develop an application on the web in a similar manner to those currently built in mobile applications for the Droid and iPhone.
Art of the Stars uses your IP address to draw a picture of the Star constellation directly above you. What is most interesting about this project is that it uses HTML5 to develop an application on the web in a similar manner to those currently built in mobile applications for the Droid and iPhone.
7 | This Shell
This Shell website is an HTML5 experiment created by Legwork Studios that promotes Gamit’s new album “Parts” in a rather fun and rewarding manner. The website presents fans with a video puzzle that if solved, before the music ends, allows them access to a free mp3 download of the song.
This Shell website is an HTML5 experiment created by Legwork Studios that promotes Gamit’s new album “Parts” in a rather fun and rewarding manner. The website presents fans with a video puzzle that if solved, before the music ends, allows them access to a free mp3 download of the song.
8 | Lost Worlds Fair
The Lost World’s Fair site was developed to showcase the HTML5 capabilities inherent in IE9 by creating interactive posters that take users on a journey to three fabled locales. By using your mouse to scroll down each poster visitors are allowed to uncover further mysteries hidden in each location.
The Lost World’s Fair site was developed to showcase the HTML5 capabilities inherent in IE9 by creating interactive posters that take users on a journey to three fabled locales. By using your mouse to scroll down each poster visitors are allowed to uncover further mysteries hidden in each location.
9 | CNN Ecosphere
This site was developed by CNN to chronicle the Global Climate Change conference in Durban. It showcases how HTML5 can be used to create a visual representation of static information. A good example of how news organization can get more creative in their presentation of information.
This site was developed by CNN to chronicle the Global Climate Change conference in Durban. It showcases how HTML5 can be used to create a visual representation of static information. A good example of how news organization can get more creative in their presentation of information.
10 | Universeries
Universeries is a reference site about television producers and the shows they’ve created that illustrates how html5’s data visualization tools can enhance static information presentation. If you love TV and would like to find out more about your favorite shows there is no more entertaining way to do so online.
Universeries is a reference site about television producers and the shows they’ve created that illustrates how html5’s data visualization tools can enhance static information presentation. If you love TV and would like to find out more about your favorite shows there is no more entertaining way to do so online.
No comments:
Post a Comment