Properly titled Web Is Beautiful, the Twittersphere designed by Paris's Soleil Noir Studio is an interactive feed reader that helps you visualize current design trends. Want to see what people are saying about the new Alexander McQueen collection? Or watch videos from Milan Fashion Week? This is the place to do it. And it looks especially striking in Internet Explorer 9.
This site-in-a-single-page lets you browse through and view content collected from various design-focused feeds, organized in a chronological cascade down the screen, all at once or filtered according to type--videos, photos, or tweets. Part of the site's charm is the carefully curated sources that it draws from. Videos are collected from selected Vimeo channels (The Stereo 3D, Kateoplis, Designflux, etc.). Photos are loaded in from the image bookmarking site FFFFOUND! And tweets are extracted from a curated selection of Twitter streams (picocool, DesignObservatory, wallpapermag, blueprintmag, etc.).
Using the powerful new Canvas element in HTML5 and the versatile new styling functions of CSS3, Soleil Noir displays the information as a series of old-fashioned record discs. Mouse over a disc (representing one post), and an icon (for video, photo, or tweet) appears in the center, while an excerpt set in a cool custom Web font (Rockwell) wheels around the perimeter. Click on a disc, and a box pops up with a larger preview linked to the full post, plus sharing links, time posted, and sourcing credits. Other discs slide in and out of place to make room for previews, then recompose the page.
This story, "How HTML5 Spells “Pleasure”" was originally published by BrandPost.