During 2010 we heard a lot about HTML5 and its possibilities and capabilities. The new updated version of the web standard HTML was at the spotlight and everyone was pretty interested in learning more about its features and techniques. HTML5 has lots of new and interesting tags that allow you to easily incorporate videos, use drag and drop and do hundreds of cool effects and interactions. Here we will show a list with 20 examples of websites using HTML5 and their developers. Almost all examples are developers/designers pages, what show us that several professionals are already adepts of this new trend.
We also checked how are the websites reacting in mobile versions, we tested the iPhone and Android (G1) environment. The Android was tested via emulator, so maybe some results are not 100% accurate.
Colosseo Type
Beautiful background image and hover effects.Designer/developer: Cameron Moll.
iPhone performance: everything looks good, the video from the header was removed at the mobile version.
Android performance: everything looking good, even the video.
Information Highwayman
Simple and elegant layout with nice hover effects.iPhone performance: text look good and centralized but the background looks a bit out of place.
Android performance: everything ok
Jeroen Homan
Super clean and beautiful layout.Designer/developer: Jeroen Homan.
iPhone performance: main content and images are ok, footer is not loading properly.
Android performance: everything looking good.
Keyzo IT Solutions
Nice image transitions and subtle menu hover effects.Designer/developer: Keyzo IT Solutions.
iPhone performance: works fine but could make more use of media queries instead of loading a static version to adjust the screen size.
Android performance: looks good.
Rui Mollar
Clean and minimal layout with beautiful hover effects.Designer/developer: Rui Mollar.
iPhone performance: also looks good but loads in the static size of the screen.
Android performance: ok
Superhug
Subtle shadow when hovering menus and a nice image showcase and transitions.Designer/developer: Superhug.
iPhone performance: looks good and works fine.
Android performance: looks fine.
Ricardo Saavedra
Nice effect on header’s menu and framed links with hover effects.Designer/developer: Ricardo Saavedra.
iPhone performance: looks good, also adjusted to fit the screen.
Android performance: everything working.
Yellowhammer Creative
Designer/developer: Yellowhammer Creative.
iPhone performance: perfect!
Android performance: also perfect!
fellabinaryreviews
Nice header and search box fade effect. Also nice text shadows.Designer/developer: TheFella.
iPhone performance: great!
Android performance: also great!
Cazinc Web Development
Great colors, design, navigation, images disposition and simplicity.Designer/developer: Cazinc Web Development.
iPhone performance: perfect!
Android performance: yeah, perfect here too!
Deafpigeon
Beautiful header background images and hover effect on menus.Designer/developer: Planetperki.
iPhone performance: looks and works good, even the background transitions.
Android performance: also good.
Planetperki
Really nice and smooth image transitions and hover effects.Designer/developer: Planetperki.
iPhone performance: looks and works good, even the background transitions.
Android performance: same here.
Michael Acevedo
Nice single page layout with vertical slider navigation, cool hover effects and images disposition.Designer/developer: Michael Acevedo.
iPhone performance: perfect!
Android performance: also perfect!
Ben the Bodyguard
Awesome user interaction at navigation. Attention to details and beautiful interface.Designer/developer: Nerd Communications.
iPhone performance: great!
Android performance: not working at all, probably because it’s an iPhone / iPod Touch app.
Julien Etienne
Really nice transitions and background effects.Designer/developer: Julien Etienne.
iPhone performance: not loading properly, broken background and text.
Android performance: apparently everything works fine.
Vision 18
Single page design with nice vertical slider navigation and effects. Good user interaction.Designer/developer: Vision 18.
iPhone performance: perfect!
Android performance: also perfect!
Tablet Tennis
All HTML5 game.Designer/developer: Michiel Van den Anker.
iPhone performance: not working.
Android performance: not working.
HTML5 Adventure Calendar
Really nice shadow effects and image/information boxes.Designer/developer: ZingChart.
iPhone performance: works good, the only effect missing is the shadows, everything else is ok.
Android performance: works fine.
Maze
Another HTML5 game.Designer/developer: Kate.
iPhone performance: not working.
Android performance: not working.
HTML5 Readiness
Clean and elegant layout where we hover around to check browser readiness for HTML5 & CSS3 features. Really nice interaction and effects.Designer/developer: Paul Irish and Divya Manian.
iPhone performance: not working. The site loads broken and you can’t navigate it properly.
Android performance: looks good but doesn’t have the same interaction and effects.
Source:
HTML5 Gallery101 Best HTML5 Sites
Thankyou for sharing such nice HTML sites, I like working on games and they are inspiration. Bakersfield Tires & Auto Services
ReplyDeletethey are very nice
ReplyDeleteUniversity of Jordan
http://www.ju.edu.jo/home.aspx
You have provided an nice article, Thank you very much for this one. And i hope this will be useful for many people.. and i am waiting for your next post keep on updating these kinds of knowledgeable things...
ReplyDeleteAndroid App Development Company in India
Mobile App Development Company in India
Nutra Mini - Along with making certain your Weight Loss is is compatible with Weight Loss, it is also a good idea to participate in Weight Loss communities. We know what you get out of Weight Loss. Weight Loss is the new entitlement. Insta Keto Weight Loss is a forgotten system to function without Weight Loss. Weight Loss means a lot to perfect strangers in all parts of the world.
ReplyDeleteKeto Go Fit
Control X Keto
Drone Xtreme
Ultraboost Wifi
This is how to locate that using Tech Products. This wasn't the only Ecommerce that brought in a lot more bucks than was originally estimated. So here I go relevant to this because there are banks that will lend you money for a Gadgets like that.
ReplyDeleteAOL support number
powervolt energy saver
- Gadgets. Here are the well-known facts. I don't need to be mistaken about that. I might need to admit I would prefer to have Ecommerce.
ReplyDeletePowerPro Energy Saver
Mosquitron
Buzz B Gone
You can research the individual further to determine if they’re a good fit for your business. She serves as a symbol of perseverance and confidence, which is in great alignment with the brand. As a brand, you want to make sure that the influencers you work with align not only with the audience you want to reach but also with your values. This is a great example of how influencers can effectively tie their own personal stories to a brand’s product, making the messaging even stronger. Anyone who fits their criteria can apply and has the potential of being accepted. Applicants aren’t required to have a highly successful YouTube account, thousands of followers on Instagram, or a popular blog to become a brand ambassador. https://www.reviewengin.com/category/influencer-marketing/
ReplyDelete