Clotheslines in the Responsive Web

I’ve dedicate a page to a narrow study of Clothesline layouts in Responsive web design. Clotheslines are column-based layouts which hang from the same horizontal position on a page.  In static layouts the columns do not change width or number and can sometimes be uncomfortably unbalanced which is why they are not commonly used within the content area of static sites.

Responsive clothesline layout displaying three columns at 800 pixel width.

Responsive clothesline layout displaying three columns at 800px.

In Responsive design Clotheslines are a very promising to solution to presenting content in layouts which need to adjust from 320px width dingle column layouts to multiple columns at higher resolutions.

CSS3 introduced columns. Combined with adoption of max-width, min-width and inline-block the clothesline method for Responsive design will become a necessary skill for layout coders to master.

Currently (at the time of this post) support for Clothesline methods using only HTML and CSS is not good enough to adopt the technique if you want to accommodate older browsers.  JavaScript can be and is used to replicate the effect of reflowing and stacking content into a variety of numbers and widths of columns as they adapt to the width of a screen or browser window but is limited to devices which support JavaScript.

Check out the Responsive Clothesline article and code examples.

Google Wave’s Bye-bye ~ What Killed Wave?

Wave may be Google’s most valuable failed application to date because of Wave’s team robust reimagining and robust use of HTML 5. No doubt, we will see elements of Wave’s development put to good use in other applications, and as a springboard for new ideas.

Bravo! Encore!

Wave is the latest social networking failure from Google. Prior to Wave, Google was stung with backlash from Google Buzz; a semi-blog like addition to Gmail which cause an uproar because Google presumed everyone on Gmail users’s contact list was fair game to everyone on Gmail users’s contact list.

But Google was in the right place with Gmail as the heart of a social network, both because of the vast Gmail user base, which affords instant large numbers needed for a successful social network, and because most people’s entire network is in their email contacts.

The common thread among Google’s social networking failures is user-controlled groups.

More