“Freeware/Delaware”, digital home of the japanese “musics_designs” group Delaware, has the numbers ( (2001->2006) to be cited as one of the patriarch of horizontal scrolling. Especially in its ‘vision‘ pages, it displays ten or more squared artwork, 500×500 px big, placed syde-by-side everyone with a simple title (with scheme #’num’/’title’/’date’) on the right.
Like the other portfolios already seen, Tentacle Eye is a (french) long collection of artworks and photoes with same height and different width placed side by side in a nested table layout. The first section, dedicated to news, display a vertical bar to scroll the content; a vertical bar is displayed, unfortunately, in the entire […]
As we saw more time, for an horizontal web layout is recommend the use of few text and big images. Leben column from Die Zeit break this rule, displaying in horizontal -like a real magazine- an entire article: the page is splitted in 8 sections, each contains 3 text column (about 250px wide) with […]
A thin blue line drawn by a biro guide the Nana website ’s user to do an horizontal tour along what this clothing shop offer and feedbacks all displayed in a series of images. (unhappily insterted in old nested table tags…this is real vintage style)
The ‘drawing showcase’ Pasquín o Panfleto is the first dynamic site-a weblog- listed in these pages. The hp shows a series of images with ‘category’ and ‘comments’ hidden links below; every page related to a post (like this) has a different width (set inline in “content” div) and display the artwork with on the right […]
The ’side by side images’, a constant of the horizontal way, aren’t only pictures placed one near the previous: they sometimes describe a journey, an evolution, a step-by-step in a long walking towards right ( = the end or the next page?).
The Bluesfear Worm explode in the first screenshot ready to show this infinite mutation, […]
Instead of the absolute positioning like in the previous CZG designs, the text sections of Radio Zen use the more comfortable float CSS property to be placed side by side, avoiding the calculation and the setting of the distance from the left side of the body.
The two menus are displayed inline under the content, and […]
Beca / Voices is a simple but beautiful example of how Javascript can help for a better navigation of a horizontal site: the content of this site -the introduction of a house music vocalist- is splitted in the three section (containing title+subtitle+one paragraph) that could be displayed after a scroll on the left of the […]
“Custom Designed Paper Model Collection” by Shin Tanaka is another nested table showcase of artworks that display them in a series of side-by-side images with same height and width, with below the related title and designer/writer’s logo.
The sites that follow the horizontal way could find in Javascript a good allied in the search of a better usability.
In Sandra Wiegard’s web home there are two examples of this: the implementations are not unobtrusive, but remain interesting. 1)The scrolling of the four pages is accompanied by a menu on the top of the […]