25 Ultra Modern Websites Using HTML5
By Tom Walker from 1stwebdesigner
HTML5, the next major revision of HTML, the language of the internet, is set to revolutionize the way web developers and designers create websites and the way visitors use them. It’s being edited by Ian Hickson of Google and David Hyatt of Apple, two of the web’s greatest creative minds.
Besides enabling web developers/designers to use cleaner, simpler, more consistent code, HTML5 will help them break free from the confines of 3rd party proprietary plugins like Adobe Flash. For the first time, it will be possible to achieve consistency between video player interfaces and overall website design. Users will be able to rotate, move, resize and even detect motion in a video while its playing, using inbuilt video controls.
Through HTML5’s canvas element, users will be able to render graphics and images on the fly, again without the need for plugins. You can try rotating an HTML5 video here and using the canvas element here. Both feel truly amazing!
Besides demos and other online experiments, there are actually a number of working sites using HTML5 today, although few, if any, make the most of this language’s potential capabilities. We explore 25 of the best below, the vast majority of which belong to web developers and web development agencies keen to show off their HTML5 skills to potential clients. Take a look and explore the code for an insight into the future of the internet. Be warned, however, few display properly in Internet Explorer.
1. Ella Design
Originally from Hong Kong, but now based in the USA, Ella of Ella Design is an award-winning graphic/web designer with over 8 years experience in the industry. Her website is a “playground” in which she engages with HTML5 and CSS 3.
2. Pelletized
Pelletized is the site of Ed Wheeler, Oregon-based graphic/web designer and HTML/CSS developer extraordinaire. He’s played a major hand in the creation of several high-profile sites, including JobInterviewEdge.com and EssayEdge.com.
3. MiniApps
MiniApps is a mobile phone app microsite from Alex Gibson, currently offering two great, free apps for iPhone, Android, Palm Pre and Firefox Mobile: Card Flip, a classic memory game, and Checklist, a to-do and shopping list tool.
4. Donkey Magic
Donkey Magic is Richard Stephenson’s blog. He uses it to keep the world up-to-date with his web development work and life in general. Recent posts include a CSS 3 & jQuery image gallery experiment.
5. Bonsai
Bonsai is a unique web development tool used to build sites that feature lots of images. Bonsai’s own website has been created using HTML5.
6. letscountthedays
letscountthedays is the online portfolio of Shane Howe, web and user interface designer. His client list includes Pinnacle Security and Urban Shadow, for whom he performed all web design, branding and even online copy writing.
7. Sarsini
Learn more about Martin Sarsini, Glasgow-based web developer, on this HTML5-fortified site. This site, which incorporates a blog, is simple, but very stylish.
8. Nimbupani
Nimbupani is home to web designer, Divya Manian. Obsessed with HTML5, you can learn a lot from her blog as well as her Twitter page.
9. Ousmane Ndiaye
Ousmane Ndiaye is a passionate, French web designer. An SEO and W3C standards specialist, his site makes the most of current HTML5 knowledge.
10. Media Research Institute
Experts in all things web based, the Media Research Institute operates from Tokyo, Japan. Besides building websites, the company has produced many popular mobile apps, such as Mixi.
11. Anino
An interesting bunch, Anino are a shadow puppet collective based in the Philippines. Their site offers listings of upcoming shadow-puppet performances as well as several videos highlighting their work.
12. CatCubed
CatCubed is the site of Colin Fahrion, artist, designer, developer and avid cyclist. The site looks great in Firefox and Safari, but Internet Explorer can’t handle the large amount of CSS 3 used.
13. Impactideas
Impactideas is a small graphic design studio based in Belgium with a lovingly designed website. They specialize in the creation of logos, brochures, catalogues and packaging.
14. Moriconi
Moriconi is a highly fashionable Italian hair studio, based in Camaiore, Lucca, Tuscany. HTML5 has brought this straightforward site to the cutting edge of modern web design.
15. LittleCoogie
LittleCoogie, based in Bangkok, Thailand, sells high-end children’s party clothing through its HTML5 e-commerce site, made by Andrew Brundle. Its color-picker tool is a great feature.
16. OK Cool
German fashion blog, OK Cool, incorporates HTML5 into its search functionality and comment forms.
17. Dn’D
French web development agency and Magento e-commerce expert, Dn’D, has created a really stylish site for itself, even if it is a little too reminiscent of the standard OS X Leopard background. Since its formation in 2004, Dn’D has worked with BP, Warner Bros and many other high-profile clients.
18. Sprachkonstrukt
Sprachkonstrukt is a blog covering all things related to design, photography and digital lifestyles. It’s managed by Ruben Deyhle, a web developer who also runs a photo blog on the site.
19. Stompfrog
Stompfrog, website of web designer/developer Chris Bewick, is a wonder to navigate around. Users can scroll through the website using their mouse wheel- a highly original touch.
20. Shape Shed
Shape Shed, website of freelance, London-based developer George Ornbo, was built using Jekyll, a simple static site generator, as well as CSS 3, jQuery and HTML5. Firefox or Safari is needed to see the site as George intended.
21. Smile Sleepy
Jamie Calabro is a web designer/developer with a great knowledge of everything from HTML to CSS, JavaScript, SEO, brand development and even print and packaging design. He can count Coca-Cola amongst his past clients. Smile Sleepy is Jamie’s place to showcase his work to the world.
22. sw’as
The rather unusually named sw’as is the home of 26-year-old web developer Simon Elvery. Alongside engaging articles on everything and anything internet related, you’ll find musings on politics, books, movies, music and more.
23. Frojd
Frojd is a beautifully designed blog from Swedish digital agency of the same name. Thanks to plenty of white space and a grassy header image, this site feels as fresh and airy as a Swedish fjord.
24. Tim Benniks
Tim Benniks is a Dutch web professional who specializes in the development of simple, intuitive interfaces. Use his site to get in touch with Tim himself or to view his past projects, which include a new CMS called Zotonic.
25. DS3
From Sao Paolo, Brazil, DS3 is a web agency with a fantastic eye for visual communication and style. It recently masterminded a new branding initiative for the largest maker of forklift trucks in Latin America, Paletrans.
Mel Calpin said,
March 21, 2010 @ 11:15 am
One has to question what the most significant final result of all of this will likely be – that said, good viewpoints once more on this subject – and your web blog remains a first class supply of information and facts.
hoodia gordonii said,
March 21, 2010 @ 1:50 pm
Just wanted to let you know that your post is not showing up properly on the BlackBerry Browser. Anyway, I’m now on the RSS feed on my laptop, so it shows!
Charleen Knoepke said,
March 21, 2010 @ 4:59 pm
Do you plan to keep this site updated? I sure hope so… its great!
Owen Chalkley said,
March 21, 2010 @ 5:34 pm
Great post can you recommend any forums to join?
Nathalie Bivona said,
March 21, 2010 @ 10:05 pm
thanks for sharing this one!
Ayako Zeitz said,
March 23, 2010 @ 9:27 pm
Good BPO site to find projects.
Tom Quicksall said,
March 27, 2010 @ 2:17 am
I have to agree with the fact together with you, superb points you have created in your case.
Verhey@yahoo.com said,
March 31, 2010 @ 5:18 am
I really do not commonly reply to posts but I’ll in this case. Wow
Daina Vaulx said,
April 3, 2010 @ 9:46 am
What about my number one reason… I have a comment but I’m too damn lazy at the moment to force it out of me.
watches replica said,
April 4, 2010 @ 9:26 am
I Like this site your article is very nice , Thanks, very interesting article, keep up it coming
facebook poker chip said,
April 4, 2010 @ 1:09 pm
I absolutely need to get out much more and also cease losing a large amount of my daytime hours trying to play poker on myspace or facebook considering the fact that as of late i have been not been able to get up to date about this. Even while I can’t say that I one hundred percent go along with every word, it is relaxing to peruse some smart writings in lieu of the conventional spam I see floating all around the net.
facebook poker chip said,
April 4, 2010 @ 1:28 pm
im usually surfing around the internet almost all of the afternoon which means I have a propensity to read an awful lot, which unfortunately isnt typically a beneficial thing as a large amount of the internet sites I visit are constructed of unproductive waste copied from some other websites a million times, however I have to give you credit this website is truely half decent and even supplies a bit of authentic information, therefore cheers for splitting the trends of only copying other people’s websites, in case you ever want to play a few hands of facebook poker together with me just hit me up – you have my email
Frederick Marshell said,
April 6, 2010 @ 3:18 am
Only choose the best Fat Burner!!
Debbie Rouw said,
April 6, 2010 @ 3:18 am
Have the best FatBurner obtainable!!!
download e books said,
April 7, 2010 @ 3:52 am
There is certainly a good deal to recognise about this. I think you manufactured some very good points in Features also.
Gina Langella said,
April 7, 2010 @ 11:31 am
Thanks very much, I’ve found this article extremely useful!
kristen stewart said,
April 8, 2010 @ 2:37 am
hey notable little web-site you have there
I use the identical design template on my own though for whichever odd reasons it seems to stream at a higher speed on this web site eventhough yours seems to have far more multimedia. Have you been working with any individual plug ins or widgets that will speed it up? Do you think you could quite possibly display the widgets so maybe I might use these in my own web page so twilight new moon followers could watch twilight eclipse online trailers and clips quicker I’d personally be ever so happy – cheers ahead of time 
Ward Reiten said,
April 8, 2010 @ 11:16 am
Wow man, this is really good information, thankyou.
Elton Schauman said,
April 9, 2010 @ 5:55 am
Incredible! Many thanks! I usually wanted to generate in my website web site some thing much like that. Am i authorized to quote a component of your submit to my weblog?
Jarod Biondolillo said,
April 9, 2010 @ 6:10 am
Excellent publish … I really like this site…Thanks
Miquel Antman said,
April 9, 2010 @ 6:20 am
I now possess the answers to my questions – at last! Thank you for a fantastic web page. Gratefully, Beth
Karlyn Smay said,
April 9, 2010 @ 6:30 am
Like a Novice, I’m often researching on line for posts which will manual me. Thanks for your personal time
Kiyoko Spangler said,
April 9, 2010 @ 6:40 am
Amazing efforts, and rather complete. Causes you seem trustworthy, that is tricky to arrive by today.
Murray Hobby said,
April 9, 2010 @ 5:43 pm
Thankyou, I never knew that, cheers.
satfree said,
April 10, 2010 @ 8:01 am
satellite tv for pc
satellite tv for pc
_________________
satellite tv for pc
Maida Klimavicius said,
April 12, 2010 @ 11:25 pm
appealing little title, Hehe
Ecommerce said,
April 13, 2010 @ 7:39 pm
Thank you for your help!
Wayne Shinney said,
April 15, 2010 @ 7:00 am
so this can be just what will become of darwanism
Excellent. Thanks so much for the post. -Kate said,
April 16, 2010 @ 1:08 pm
Excellent. Thanks so much for the post. -Kate
Chana Tunstall said,
April 20, 2010 @ 11:56 am
so this is certainly just what becomes of darwanism
Cari Christe said,
April 21, 2010 @ 9:10 am
I just wanted to say that I found your website via Goolge and I am glad I did. Keep up the good work and I will make sure to bookmark you for when I have more free time away from the books. Thanks again!
See the World said,
April 21, 2010 @ 2:23 pm
Terrific, thanks for posting!
Decameron said,
April 23, 2010 @ 3:09 pm
I Will have to come back again when my course load lets up – nonetheless I am taking your RSS feed so I can read your site offline. Thanks.
jawvxusc said,
April 24, 2010 @ 12:22 am
jawvxusc…
jawvxusc…
Compras Panama said,
April 24, 2010 @ 10:36 pm
I am new to blogging and actually enjoyed your website. I am going to bookmark your website and keep checking you out. Thanks for sharing your website.
Aubrey Roberts said,
April 25, 2010 @ 8:39 pm
i love photo blogs, there is a saying that a picture speaks a thousand words and this saying is also true for blogs that mostly displays photos.
Lois Cuccaro said,
April 27, 2010 @ 3:06 pm
go figure hah
Rocco Plamer said,
April 28, 2010 @ 7:51 pm
Amazing write-up, I am a big believer in writing comments on blogs to support the blog authors know that they have added something of value to the web!
best way to lose weight in a week said,
April 29, 2010 @ 3:15 am
Go ahead and write it,it will certainly make you really feel much better,when I do not care about other peoples minds I write pretty good stuff!and believe me..when someone comes and tell you that he/she loved your book you will really feel like “God”!and also,who cares if someone have already wrote a book with exactly the same issue,you are a completely various person and I’m certain that which you are about to write will be special!great luck!
kreg jig pocket hole said,
May 1, 2010 @ 3:50 am
The Kreg Jig takes advantage of a technique called Kreg Joinery. Unlike other techniques, Kreg Jig requires no glue, no complicated math, and no small army of clamps to make wood joints that will last.
Electric Bikes said,
May 2, 2010 @ 8:52 am
You made some good points there. I did a search on the topic and found most people will agree with your blog.
Solar Panels said,
May 3, 2010 @ 6:56 pm
Im thinking of buying solar panels because I firmly believe in protecting our kids future and securing a cheap energy source for them for many years to come. Have come across a guide about buyingSolar Panels so gonna use it when I buy my panels.
kreg jig said,
May 4, 2010 @ 2:26 am
The Kreg Jig takes advantage of a technique called Kreg Joinery. Unlike other techniques, Kreg Jig requires no glue, no complicated math, and no small army of clamps to make wood joints that will last.