-
[비공개] weheart.co.uk
We Heart is a lifestyle and design magazine featuring some stunning design from around the world.The markup ticks a few boxes, for example the type attribute is absent from script and link elements, and some WAI-ARIA roles are used. However it seems a find and replace has been done on div with section, and a look at the document outline shows the effect of this. The humble div is still a very us.. -
[비공개] Ernesto Graterol
Ernesto Graterol is a WordPress theme and plugin development studio.The site is a single page, using JavaScript to switch the tabbed content, so each part would be a good candidate for the section element. It depends on your interpretation of the nav specification, but I would say as it’s their content the social links could go into a nav. URL: http://www.ernestograterol.com/ -
[비공개] Redline Engineering
Redline Engineering are specialists in the servicing, restoration and sales of the classic AC car marque.The site is built using some of the new HTML5 elements such as article, nav, figure, header and footer. There is no real need to use an article for the main content, because that creates a new section in the document outline. You can think of sections as mini-documents, so it makes more sense.. -
[비공개] MBA Multimedia
MBA Multimedia is a web agency based just outside Rennes in France.The site is really well constructed and makes good use of headings to create a nice outline. Other boxes are ticked too including hcard microformat and good use of new form input types and attributes. There is a little WAI-ARIA which could be rolled out to cover banner, navigation, form, complementary and contentinfo roles. URL: .. -
[비공개] Gallery of Mo
A gallery of portraits of people who donated to the Movember campaign in 2011, each with a moustache added by the artist.The site is nicely constructed and each portrait is in a section element, which helps build a document outline. Perhaps they would be better as articles as they work as standalone items, but a bigger problem is the lack of heading elements within each. URL: http://www.galleryo.. -
[비공개] Sann-Remy Chea
Personal website of developer Sann-Remy Chea, who’s based in Paris, France.Good use of some of the new structural elements that HTML5 has to offer. Where there are two h elements together, they could be grouped in a hgroup. The section element is sometimes being used for styling purposes only, so a div would be more appropriate. The time element could be used to enclose the blog post dates.Rem.. -
[비공개] Always data
Website of Styro, a graphic designer and front-end developer based in Paris, France.Good clean use of semantic HTML5 elements in this layout, although the “content” section element should probably use a div instead. The article element is used to enclose each entry and the time element is used for the post date, although the small element probably shouldn’t be used here. The canvas element.. -
[비공개] CMSTEC
Homw site of cmstec, a CMS by Dietmar Krause.The site overall makes good use of some of the new structural HTML5 elements such as header, hgroup, nav, section and footer. The use of an aside in the footer to contain information such as copyright and other links probably isn’t ideal as this is still important information. And header elements which contain a single h element could have been left.. -
[비공개] Nilecode
Website of a web design and development company based in Cairo, Egypt.The nav element is used correctly, although it has a h1 element that is hidden via CSS. I assume it’s been added to satisfy the HTML5 Outliner, but nav doesn’t need a heading so could have been left out. Numerous section elements should really use a div instead as they’re being used as container elements.The type attribu.. -
[비공개] Revista Boda
Spanish wedding magazine website.The menu element is used incorrectly numerous times within a nav where a ul should have been used instead. The section element is being used as a styling container, where a div would have been more appropriate. The magazine editions themselves use Flash, which is disappointing on an HTML5 site.Remember that the type attribute is no longer required for script and .. -
[비공개] resultadosorteo
Spanish website for lottery results.The lang value should be es and not en. The hgroup element is used incorrectly here, as it doesn’t even contain a h element. The menu element is also incorrectly used within a nav element where a ul should have been used instead.Remember that the script and link stylesheet elements no longer require the type attribute. URL: http://www.resultadosorteo.com -
[비공개] Linkar.es
A Spanish business directory.The lang attribute in the html element has the wrong value as it should be set to es and not en. The hgroup element is incorrectly used to enclose a single h1 element and so should be removed. The menu element has been used to enclose the list of categories at the top which is incorrect use as menu contains a list of commands (see the menu element).Remember that the .. -
[비공개] MetesDtn
Website of an Italian consulting firm based in Bologna.The site makes good use of some of the new HTML5 elements. Each section has a header, and the containing article elements also have their own heading, which is good for the HTML5 outliner. The header element could have been left out as it only contains a hgroup element.The small element could have been used for the copyright and legal inform.. -
[비공개] Apprendre à Bloguer
Blog by Thomas David.The content div could have been replaced with a section element. The first use of the nav element to enclose the main navigation is ideal, but the utility navigation should not use the nav element as it is not primary site navigation. The article elements in the footer should really be divs.Nice use of the time element and WAI-ARIA roles throughout. Remember that the script .. -
[비공개] cssgirl.com
The portfolio and blog of freelance web design and delopment professional Lindsey Di Napoli.Lindsey’s site is well structured, making use of some new HTML5 elements such as header, nav, section, article and footer. There is one untitled section used to contain the main content which would be better as a div, and time with the pubdate attribute would be a better choice for marking up the blog p..
이전
맨위로


