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’s big leap forward; CSS3 selectors fully supported
- CSS Best practice
- Making Sense of Color Codes
- CSS3 PIE
- How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
- 8 CSS preprocessors to speed up development time
- Grokking CSS3 border-image
- HTML5 Canvas experiments
- YouTube launches new HTML5 mobile site
- Chrome Shows Off Some Fancy HTML5 Tricks
- 25 HTML5 Features, Tips, and Techniques you Must Know
- how well does your browser support HTML5?
- App Inventor for Android
- HOW TO: Optimize Your Mobile Site Across Multiple Platforms
- Mobile-friendly: The mobile web optimization guide
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. ( [ 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>
http://www.webmproject.org/ WebM is an open, royalty-free, media file format designed for the web.
* 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.
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...