1. Technology

RHS Chelsea Flower Show 2012


HTML5 Design Gallery
RHS Chelsea Flower Show 2012 Website

RHS Chelsea Flower Show 2012 Website

Image submitted for the HTML5 Design Gallery


This is a simple site with a fairly standard home page layout, but it's done using HTML5 and HTML5 sectioning elements instead of HTML 4. I like the rotating hero shot at the top with the text appearing above it after a few minutes, although I wish there were a few more than just two.

There are several forms on the page in the HTML, that aren't readily apparent on the page itself, they probably create the Facebook like buttons or other features. And if you view the source you'll notice a large block of encrypted text that might be a bit disconcerting. But ignore that and go down and look at how they use the HEADER, ASIDE, and other HTML5 elements.

If I were going to improve this page, I would move all the scripts to the bottom, just below the </body> tag. I would also try to consolidate the scripts into fewer, so that there as less back and forth to the server. Remember that every time there is a SCRIPT element, all concurrent downloads stop until the script is fully downloaded. Combining scripts in as few of files as possible reduces the number of HTTP requests the page makes and so helps it load more quickly.

Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.

  1. About.com
  2. Technology
  3. Web Design / HTML
  4. Web Design
  5. Inspiration
  6. HTML5 Design Gallery - RHS Chelsea Flower Show 2012

©2014 About.com. All rights reserved.