08 Aug 2013 Leave a Comment
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.
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.
Check out the Responsive Clothesline article and code examples.