views:

2571

answers:

7

Does anyone know of any good examples of usage of HTML5 elements that are well-styled out on the intertubes?

Specifically, I'm curious to see <article>, <aside>, <meter>, <nav>, <header> and so on.

I'm specifically not interested in video, audio, offline or drag-n-drop files. Just the cosmetic stuff.

A: 

A good starting point should be this

Greco
He's not asking for an element reference. He's asking for visual examples of styles.
Jordan Ryan Moore
This is the reference list - examples are behind the links on this page (yah, u can click on <article>, inspect syntax and see an example) :)
Greco
While I appreciate your desire to be thorough, @Jordan Ryan Moore is right - I'm just after good case studies in practical HTML5 styling.
Phil.Wheeler
+5  A: 

When I'm looking for good html5 examples in the wild I generally check http://html5gallery.com/. Its been a pretty solid resource thus far. You are probably aware that support for these elements is a bit lacking in even many of the newest browsers.

Alex Sexton
That's an excellent resource! And more than that, there are some really gorgeous designs showcased there.
Phil.Wheeler
+3  A: 

Yes, HTML5doctor.com (Run by Bruce Lawson of Opera) is a create resource for HTML5 information, but also a great way to see how HTML5 can be implemented.

ILMV
A: 

The chapter in Mark Pilgrim's Dive Into HTML5 on semantics is an excellent primer on using the elements you mention: http://diveintohtml5.org/semantics.html

Be careful about calling them 'cosmetic' though, wars have been started over less ;)

Will Prescott
I know, but it's a quick post just using layman's terms.
Phil.Wheeler
+1  A: 

I think you'll love Full Frontal's website, since it was done exclusively in HTML5.

kRON
Nice. This is the sort of thing I'm keen to see. Thanks.
Phil.Wheeler
A: 

Would just like to point out that HTML5Doctor isn't just run by Bruce Lawson, there are 6 of us in total! Hopefully you're finding it useful.

Rich Clark
+1  A: 

(sorry, can’t leave a comment yet) re: @Greco’s answer, I’d warn anyone away from using w3schools as a reference—the link provided still has elements that were dropped from the spec months ago. You could do much better for HTML5 reference, such as the HTML5 Doctor and Dive into HTML5 links already mentioned.

Boblet
+1 because a) you're right and b) you need the reputation. :-)
Phil.Wheeler
@Phil.Wheeler Thanks! and now I can comment too :D
Boblet