HTML5 Gallery

pseudoroom design

Ian Devlin — Mon, 29 Apr 2013 10:00:22 +0000

Portfolio of Chicago-based designer Justin Dauer.

URL: http://www.pseudoroom.com/

Nathalie Jonsson

Ian Devlin — Sun, 28 Apr 2013 10:00:18 +0000

Personal website of freelance science writer Nathalie Jonsson.

URL: http://www.nathaliejonsson.co.uk/

iuqo

Ian Devlin — Sat, 27 Apr 2013 10:00:22 +0000

Website of a digital production studio by Izaias Cavalcanti and Anderson Barras.

URL: http://www.iuqo.com/

Jeremiah Shoaf

Ian Devlin — Fri, 26 Apr 2013 10:00:49 +0000

Portfolio site of freelance designer Jeremiah Shoaf, who is based in Colorado, USA.

URL: http://www.jeremiahshoaf.com/

Eliantemo

Richard Clark — Thu, 11 Apr 2013 15:44:42 +0000

Brochure site for an Italian Farm rental property. The site makes use of a number of new HTML5 elements. Interestingly an aside has been used to wrap the header and footer content. Additionally multiple nav elements have been used for the site navigation when a single element with two unordered lists would probably have sufficed.

URL: http://www.eliantemo.com/

Toby Willsmer

Richard Clark — Wed, 10 Apr 2013 15:37:42 +0000

Portfolio site of illustrator Toby Willsmer. The site uses new elements, ARIA roles, data-* attributes as well as SVG for the logo. Toby also makes use of the recently minted main element.

URL: http://www.willsmer.com/

Victor Lava

Richard Clark — Tue, 09 Apr 2013 15:32:09 +0000

Personal site of developer Victor Lava. The site uses canvas to add some interest to the site. section is used to wrap the body content of the page, where main is probably now more appropriate (if required at all).

URL: http://www.victorlava.com

Switch

Derek Johnson — Mon, 25 Mar 2013 22:42:58 +0000

The website of Paris front-end agency Switch.

The markup is really well thought out — meticulously so. The heading hierarchy and document outline are in good shape and the semantics of the elements is pretty much perfect.

The address element is used to markup the physical address of the agency, and as they are the maintainer of the document themselves that is appropriate.

It’s also good to see all type attributes removed from script and stylesheet link elements and a sensible mix of explicit and implicit sections.

URL: http://switch-company.com/

Marc Hinse

Derek Johnson — Mon, 04 Mar 2013 20:46:00 +0000

The personal site of German web designer Marc Hinse.

Apart from the untitled document the site has a good outline and uses the brand new main element. It’s worth remembering the type attribute isn’t required on the stylesheet link and script elements.

URL: http://siebennull.com/

Thibault Jorge

Derek Johnson — Wed, 20 Feb 2013 22:28:03 +0000

Thibault Jorge is a project director at a digital agency in Paris and this is his personal site.

It’s a simple site that makes good use of the structural elements introduced with HTML5 and shows a pretty good understanding of their semantics.

There is a section used as a wrapping element which should be a div, or the brand new main element as it has the role=main ARIA landmark.

URL: http://www.thibaultjorge.com/