CSS Layout Generator

Over the weekend I gave the CSS Layout Generator a long overdue update. Over 872,000 templates have been generated since it was first released at the end of 2003. That's a lot of templates, over 100,000 per year. Towards the end of next year it should hit the 1,000,000 mark. For a tool that has been so popular, quietly chugging away in the background, it was looking pretty old. So it was given a fresh face lift. I reorganized the form components to fit together better. Added basic HTML5 support, doctype and tag type selection for the columns.

IE cannot render this HTML5 site

I'm working on this site right here: http://arihordur.com/fimleikar/

I decided to go with HTML5 and since I'm a Mac I couldn't really see what it'd look like in MS Internet Explorer. Then I BrowserShot it, and wow, it is absolutely horrid. Sad( [ http://browsershots.org/http://arihordur.com/fimleikar/ ]

In order to have the footer stay at the bottom I had to do this:

<body> [blue background]
<header>[with 100%]
     <div id="header2">[with 960, centered]
     </div>
</header>

WebM VP8

http://www.webmproject.org/ WebM is an open, royalty-free, media file format designed for the web.

WebM includes:
* VP8, a high-quality video codec we are releasing today under a BSD-style, royalty-free license
* Vorbis, an already open source and broadly implemented audio codec
* a container format based on a subset of the Matroska media container

Mozilla, Opera and Google are behind WebM, even IE9 will have support if the VP8 codec is installed.

http://hacks.mozilla.org/2010/05/firefox-youtube-and-webm/

Understanding CSS3 Multi-column !

I'm in the process of designing a new website using css3 and html5. I didnt fully understand exactly how multi-col was going to work. It seems it was designed to allow websites to flow textural content as a newspaper does. But I wonder if using them as for layout (same as we do divs) would be semantic or not. Thoughts pplz...

http://www.w3.org/TR/2001/WD-css3-multicol-20010118

Syndicate content