Post Archive

› March 1, 2006

Layout Gala

  • Reported by Alessandro

Finally, over at HTML.it, today we published Layout Gala. In November 2005 I wrote a three-parts article on pro.html.it on creating CSS layouts. Starting from the same markup, I had several goals in mind:

  • Getting the largest number of CSS layouts
  • Any of the columns could be the longest
  • Valid CSS, no hacks nor workarounds
  • a good cross-browser compatibility

The result is a set of 40 layouts that have been tested successfully on Internet Explorer/win 5.0, 5.5, 6 and beta 2 preview of version 7; Opera 8.5, Firefox 1.5 and Safari 2. We've thought in the article there was one thing missing, as is the index page. While preparing it we've thought it could be a resource that was worth sharing with an international audience.

So we published Layout Gala, the index page in english where you can see and download the layouts. Finally, I can reveal what I was working on when I published here the article on filler text on demand...

Comments

1. March 1, 2006 01:25 PM

Quote this comment

Lasse Posted…

Wow! That's just crazy. Fantastic work.

2. March 1, 2006 03:30 PM

Quote this comment

josh Posted…

Sweet chicken! What an amazing resource! Many thanks!

3. March 1, 2006 04:11 PM

Quote this comment

Matthijs Posted…

Wow! That must have been some work. Thanks for sharing, interesting to check out the differnet solutions you have used.

4. March 1, 2006 05:03 PM

Quote this comment

mayvelous Posted…

Excellent resource share. Thanks a million. Really useful for me since I've been searching for good layouts. Thank you so much for your time and effort in creating those.

5. March 1, 2006 07:56 PM

Quote this comment

mattymcg Posted…

Nice work Alessandro. I wonder though why you didn't model your HTML on Andy Clarke's suggestions for semantic class names, so that the newbies who download and use without knowing what they are doing are at least inheriting some of the thought that went into that exercise?

6. March 2, 2006 09:45 AM

Quote this comment

KenLin Posted…

That is awesome. Thank you so much.

7. March 16, 2006 02:07 AM

Quote this comment

Andreas Posted…

Alessandro does it again! Thanks!

8. March 26, 2006 09:44 AM

Quote this comment

ByteDreams Posted…

Thank you for this work, Alessandro! A very useful article, which I've bookmarked.

9. April 25, 2006 01:38 PM

Quote this comment

Garbich Posted…

well said