HTML5 Gallery

http://html5gallery.com
A showcase of sites using HTML5 markup
블로그 "HTML5 Gallery"에 대한 검색결과 934건

  •  [비공개] weheart.co.uk

    2012-02-03 07:10 am
    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..

  •  [비공개] dublinbikes2go

    2012-02-02 08:05 am
    A mobile focused (although it works perfectly well on a laptop) web app for finding and using Dublin Bikes, Dublin’s bike sharing scheme.The site uses HTML5 technologies such as localStorage and offline appcache, as well as the geolocation API, a technology closely related to HTML5. URL: http://beta.dublinbikes2go.com/

  •  [비공개] Ernesto Graterol

    2012-02-01 07:23 am
    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

    2012-01-15 11:45 pm
    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

    2012-01-13 07:02 am
    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

    2012-01-10 07:43 am
    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

    2012-01-03 06:00 pm
    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

    2012-01-02 06:00 pm
    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

    2012-01-01 06:00 pm
    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..

  •  [비공개] ButtonBar+

    2011-12-26 06:00 pm
    Website advertising an extension for the Safari web browser.The social links in the top bar shouldn’t be contained within a nav element as they’re not the primary navigation of the site. Some of the section elements used could use a div as they seem to be used for styling purposes only.The type attribute is no longer required for the script element. URL: http://www.buttonbar-plus.com/

  •  [비공개] Dijean

    2011-12-24 06:00 pm
    Website of a Brazilian shoe company, showing their collection.The section element is used a bit too much here, often making an appearance when a div would have sufficed. The social networking links in the main footer should probably not be in a nav element as they are not the primary navigation of the site.Remember that the stylesheet link element no longer needs the type attribute. URL: http://..

  •  [비공개] Nilecode

    2011-12-23 06:00 pm
    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

    2011-12-22 05:00 pm
    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

    2011-12-21 05:00 pm
    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

    2011-12-09 06:00 pm
    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 ..