All the sites I've covered for Beautiful Website of the Day have impressed me with their inventiveness, their style, and their willingness to test the new limits set by HTML5. Today's site, developed by Chicago's Clarity Consulting, is beautiful in a novel, simple, and charming way. It's an interactive version of the classic children's story, Jack and the Beanstalk.
The beautifully illustrated storybook is easy and intuitive to explore. While fairy-tale music plays in the background, you can either draw over an arrow on the wall to proceed through the tale, or use the more straightforward arrow keys below the page. The entire story is abridged to a swift seven pages -- it's not the full story, but the key moments are there. The text combines old-fashioned calligraphy and letterpress type, both of which are actually custom Web fonts, courtesy of HTML5. A narrator reads the text, while animations such as sprouting vines, falling leaves, and a golden-egg-laying goose enliven each page.
You might think at first that there's not much for you to do besides follow along in the story. But a few of the pages are more interactive, and your clicks may cause animations to replay or change; you'll discover these triggers by trial and error. And if you visit the site using Internet Explorer 9, the only browser to fully support the site, a fun and unusual effect awaits you on the last page -- just brace yourself when the mean giant tumbles from the sky.
This story, "A Charming Tale of Sophisticated Code " was originally published by BrandPost.