Web Development

10 websites featuring an excellent use of HTML5

UltraNoir

UltraNoir

From a web design and development team based in Paris, France, the UltraNoir website utilizes the HTML5 doctype, canvas, aside, article, and audio elements, among others.

About

Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal g...

13 comments
facethewolf
facethewolf

Even TechRepublic's site doesn't take advantage of widescreen, and I have all this empty space on both sides of the actual content. Why did I get a widescreen monitor if most websites don't take advantage of it. From the examples above it seems that HTML5 can better scale to widescreen.

bigjude
bigjude

Ryan's selection is probably a good one but I can't see the point of this article because without links "the excellent use of HTML5" isn't demonstrated. Apart from Googling them all, there's no way to bring up the source and see how each script works which is the part that would interest me.

earlehartshorn
earlehartshorn

Honestly, instead of the stupid slide show I would have appreciated a list of links so I could go see them on site instead of having to search for them.

girivk
girivk

Hello everyone, This is about website with HTML usage. May i request the visitors of TECHREPUBLIC to check my organisation website and give your valued feedback. The website is www.bcubetac.com bcube is represented as B to the power of 3, which is the logo, which is also BBB, this stands for bangalore big banyan. big banyan is a tree and we have used the water mark image of the tree as our home page with a welcome message, besides we have tried to represent 'technology solutions' and 'business consulting' with appropriate image. if any of you can spare few minutes of your valuable time and take a look at our site and share your feedback, it will of great help. I thank you for your time spent.

w.f.b.smith
w.f.b.smith

Too bad that it's mostly the semantic HTML5 tags. (not that there's anything wrong with 'em) I would have liked to see examples of audio, video, geolocation, local storage, canvas, etc.

nyexpat
nyexpat

Non-tech here. In short, what are the benefits of html5? Is it the new standard of web design that all sites should implement, etc.? I agree tho that sites should be user focused, not "art director" focused. ;-) We all love beautiful design, but... Thanks!

jdm12
jdm12

They do look like TV and magazine advertising. I suppose that's the objective. I'm primarily looking for fast loading, highly readable information from the web. For me the gold standard is The New York Times. I also listen to NPR over the Web. As far as I am concerned, Web design, regardless of its HTML version, should be about the audience. Advertising is always about the producer of the document or his/her employer. In other words, I want my interests served, not yours.

Ron_007
Ron_007

It was fun looking through these sites. Some really "off the wall" stuff, and some pretty "plain jane" sites. I was disappointed that 2 of the sites were so "artsy fartsy" that they had unreadable text due to low contrast between the text and background. I particularly enjoyed the 3 layer, zoomy effect at Digital Hands.

one19
one19

...seems like they're hell-bent on using media even when it's not required... bad UX. Note to TechRepublic: if u have content worthy of a video or slideshow, do it. If u can do the job with simple links, please remember your users and do so...

Shaktikay
Shaktikay

Namaste! The banyan tree is very unique, it has the roots which provide foundation but also has limbs which reach out to form new root foundations. That being said, I think it is a wonderful image to use for your business...in a sense a tree of life...in which each limb can represent a facet of your business. I would increase the color, in my opinion bring out the "richness" of color.(Loooks a little greyed out and a bit on the dull side) Use your key words on the limbs..so as it is clicked on- that aspect of your business is high lighted. Sharon Shakti Kay

girivk
girivk

Thank you Sharon Shakti Kay