HTML5 Slicer

HTML5 Slicer

Markup Review

A service for converting PSD‘s to HTML5. The site has a good hierachy when it’s run through the outliner. Good luck with the venture!

5 thoughts on “HTML5 Slicer

John Faulds says
#

I know that to a certain extent, how to use HTML is subjective, and even more so with HTML5 as it’s still new and people are still figuring out what’s best to use in certain situations, but some of the markup on their site seems a bit dubious. No section elements and skipping heading levels (e.g. their FAQ page marks up all the questions with h6). I know HTML5 allows skipping heading levels, but I thought the intention was when section elements were nested within each other. Also their ad block is marked up as an article.

ben says
#

Hi thanks for the comments, like you say coding in any language is going to be a bit subjective to individuals.

In response to your comments about the dubious markup. No section elements were required. We have a good hierarchy as mentioned above. h1(logo), h2(slogan), h3(page titles) ,h4(sub headings), h5(footer heading), h6 removed from faq headings and replaced with h4, so the page is in this order.. h1,h2,h3,h4,h5)

The ad block is marked up in an article, if you read about how the article element should be used here http://dev.w3.org/html5/spec/Overview.html#the-article-element we think we have used it in the correct manor, as the ads component of the page consists of self-contained and external content.

The fact the site passes w3c validation suggests we are doing something right. Remember just because it may not be exactly how you code does not make it “wrong” as such.

Have a happy day fellow coders :)

ben says
#

I would also like add a note that because this is a service offering HTML5 I understand that it will be subjected to a lot more criticism than most other sites.

Feel free to post your comments and feedback, I will take all comments and suggestions as “constructive” so we can continue to improve the service and offer the best product we can. Also contact me if your a coder and would like to help us along and do some work with us.

John Faulds says
#

The ad block is marked up in an article, if you read about how the article element should be used here http://dev.w3.org/html5/spec/Overview.html#the-article-element we think we have used it in the correct manor, as the ads component of the page consists of self-contained and external content.

Again, it’s open to interpretation, but I think if you read a little bit more from the same paragraph you’ve quoted, you’ll find a counter-argument.

This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

Advertising isn’t mentioned under the example uses, however it is mentioned further down the page under the listing for the aside element:

The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page.

ben says
#

yea your right, I just had it in my head aside was meant for something on the “side” lol but it could be anywhere. I have changed the article to aside 😉

Got something constructive to say?