HTML5 sectioning elements are nicely used throughout the site – the nested sections and articles in the main aside are a good example of their intended use. The script tags and stylesheet link tags could do without the type attributes though, without causing any problems whatsoever.

URL: http://like-a-geek.jogger.pl/

The site is untitled in the document outline because there is no heading for the page, with a background image being used for the logo and sub heading. Using an hgroup containing h1 and h2 would fix this. In the blog the section element is used as a wrapper, which is really a job for div as it does not create empty levels in the document hierarchy.

URL: http://www.owainlewis.com/

The content of the “Recent Works” section could be dropped into a nested article to give the header and footer more semantic meaning. It would probably also be better to use li elements for the tweet list rather than articles with no headings or content, just a footer.

URL: http://iznyn.com/

For the most part this is a well outlined site, with article and section being properly used. Each of the articles on the home page has a header and footer used in the correct way, and the asides use heading levels to create implicit sections. However there are a couple of untitled sections at the end of the document that could be replace by div or aside e.g. the archive at the bottom.

URL: http://bandaancha.eu/

It’s nice to see input type="search" at the top of a blog, but the elements used in the articles on the homepage could be changed to make them a bit more semantic. Firstly I would use heading tags (h1-h6) for the article headings so they are titled in the document outline. aside is for content related to the content of its nearest sectioning ancestor, so a p tag would work well for the excerpt text. I would also use an h1 to wrap the logo. That means the document itself has a title.

URL: http://francisshanahan.com/

hgroup could have been used to wrap the main site heading and logo to prevent the current situation where “Collective Idea Logo” is a subsection of “Collective Idea” in the document outline. section is used to wrap the introductory text, but as it has no heading it would be fine to use a div and leave the content as part of the top level of the document. article would also work well for the blog post excerpts.

URL: http://collectiveidea.com/

The titles of the articles are wrapped in a tags when heading tags would be more appropriate. Perhaps all of the content on the right of the page could be dropped into an aside and then divided up in nested sections.

URL: http://greatblueheron.tumblr.com/

The blog posts are contained within lis, and each consists of a heading and an article. It would be better to have the heading inside the article to give it a title. It would also be worthwhile dropping the type attribute from script tags and the stylesheet link, and using the shorter meta charset="utf-8".

URL: http://passivetries.com/

The title of the home page in the document outline is “Some Of Our Recent Work” because that is the highest level heading outside sectioning content. An easy fix is to wrap the logo in an h1 and the document title will then take the value of the logo alt attribute. “Some Of Our Recent Work” could then either be changed to an h2, or more preferably dropped into a section.

URL: http://www.pixelbender.ca/

The aside element is nicely used on the site, both for the sidebar and the “fat footer”. In both instances it is divided correctly up using the section element. However, each of the articles on the homepage has a nested section used to wrap the “DESCRIPTION” dl. Unless the content of the article is divided into subsections with headings there is no need to use section and a div would be a better choice. input type="search" could also have been used for the search box at the top of the page.

URL: http://blog.daichifive.com/