13 Amazing Examples of HTML5 and CSS3

13 Amazing Examples of HTML5 and CSS3


13 Amazing Examples of HTML5 and CSS3

Introduction

Another post that demonstrate the power of HTML5 and CSS3. New experimental demonstrates are being released so often, so I must make another post for it! Make sure you have the latest version of browser, preferably latest built of Safari or Chrome. Personally, I like GoogleBox and The Tribute to the Beatles, I think they both are really creative!

In case you missed my previous post regarding CSS and HTML5, you can read it afterward. If you have got more examples to share, please let me know by dropping me a comment!

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

34 comments

cnantpats
Wed, 14th July 2010
Wow great example! I like Coke Can. It's useful for ecommerce fashion website. Reply
Mehdi Mousavi
Wed, 14th July 2010
Brilliant.... Some of them are really amazing... Reply
Jordan Walker
Wed, 14th July 2010
Nice, those are right on the cusp of the internet. Reply
James Leahy
Wed, 14th July 2010
Hmm. Nice examples, but not ready for prime time. Likely 1-2 years away. No use for my company to use HTML5 and CSS3 yet, as half the visitors are using IE and cannot see any of the samples. Good preliminary results though. Reply
Tutorialfeed
Thu, 15th July 2010
Really a awesome post. Its really helpful. Thanks for sharing. Reply
Girant_31
Fri, 16th July 2010
Beautiful .. very inspiring for me.
like Queness who has been an inspiration for my blog..

thanks for sahring.. Reply
iasava
Mon, 19th July 2010
very amazing and beautiful
thank for sharing Reply
Chullos
Thu, 22nd July 2010
Simply brilliant.... some of them are great. Reply
LOkANATH
Thu, 29th July 2010
Really admirable.I ll look for any new content..... Reply
çeviri
Tue, 10th August 2010
interesting read, nice shot Reply
Elias Graphic Designer
Wed, 29th September 2010
As a graphic designer, do you think one should learn CSS3 and HTML5? Reply
dreamincolor
Mon, 1st November 2010
Don´t forget this 12 Incredible HTML5 Experiments

Check this out: http://www.dreamincoloronline.com/12-incredible-html5-experiments/ Reply
kapkek
Wed, 15th December 2010
seems delicious like my cupcakes Reply
jeffz
Sun, 3rd July 2011
@James Leahy
"but not ready for prime time. Likely 1-2 years away"

Even with Apple's Jobs boot at work, W3C will not beat its original roadmap - most lilkely.
Remember all ... HTML5 is a draft, it is not standard ... yet.
And it will not likely change for 4-5 years.
At least.
AFAIK old road map mentioned 2018+ for HTML5 to become a RC. Reply
show
Fri, 5th August 2011
Excellent html5 tutorial resources. Here is one more website focused on html5 inspiration http://www.csstrophy.com . Reply
kavita
Mon, 5th September 2011
awesome stuff and stuning effects reallyyyyyyyyyyyyyyyyyyyyyy Reply
scott chu
Tue, 20th September 2011
can't get page flip to work normally. I've tried several html-enabled browsers. Reply
Konrad Dobson
Fri, 14th October 2011
Great stuff.. for html5/css3/JS, but be honest. In flash these would look and feel so much better. Reply
Prodyot
Mon, 23rd January 2012
In flash these will not load in slower connections. Reply
geektard
Mon, 12th March 2012
These work on my iPhone.

No technology lasts forever. Flash is irreparably flawed. HTML5 = future. Reply
Konrad Dobson
Sat, 9th June 2012
@Prodyot: Years ago flash was sometimes slow due to faulty user programming, yes, but technologies change, and flash has had mány major updates since those days.

@geektard: what many people fail to realize is that mobile webdesign is a seperate area of expertise. If a client wants his site to be viewed on a mobile device, it's often better to create a seperate version that is fast and contains different - lower res - images. Flash is still great for many main websites that need to be a little more lively.
And no, HTML5 is not the future. It's a step in the right direction, yes, but anyone who's actually gone through the trouble of testing both technologies realizes it's really not a gamechanger. 95% of all the so-called HTML5 sites are mainly using javascript or jquery to make their fancy stuff. And javascript is hardly a new language. HTML5 has been turned into a brand name out of sheer ignorance. HTML5 itself is merely a container format that - granted - does add alot of clean guidelines and SEO optimalisations, but that's about it. Please take the time to do the research before making such bold statements. Flash is far from gone. In fact, with the basics of flash going to html5/javascript people finally won't associate flash with those simple things. Flash is SO much more. Reply
Bryan
Tue, 20th December 2011
Opera has made other changes, and improvements, including improved CSS3 gradient support. http://www.whatisall.com/technology Reply
Vinay
Tue, 27th December 2011
Why Internet Explorer is not supporting html5 and Css3 all features? Reply
wariat777
Mon, 30th January 2012
It is.. from IE9 Reply
Go Inspired
Wed, 15th February 2012
This is a html 5 + css 3 website that I have developed...
Let me know guys what do you think about the design
http://www.goinspired.com
thank you! Reply
Ravi Juneja
Wed, 28th March 2012
Very Nice ! thanks for sharing Reply
girish
Mon, 9th April 2012
amazing and beautiful ... Reply
Infonomics
Wed, 11th April 2012
Thanks for sharing. Reply
Luiz
Fri, 13th July 2012
thanks..I think I can now develope my own website. Reply
deepak
Mon, 16th July 2012
it's amazing
Reply
dan b
Wed, 8th August 2012
Flexpaper has some neat html5 examples http://flexpaper.devaldi.com/demo/ Reply
Jason Reynolds
Tue, 25th September 2012
You can actually do a Globalogiq search for <!DOCTYPE HTML> to get a bunch of html5 example sites. Reply
Фън Шуй
Tue, 13th November 2012
Nice! Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement