I’m currently in the process of doing the “2005 makeover of virtuelvis.com”:http://virtuelvis.com/download/207/index.html and I have chosen to reveal it at an early stage. There are a number of new features in the 2005 makeover:
* The normal display is a two-column design, as viewed by Mozilla/Firefox, and Opera at certain browser window sizes.
* Handheld styles. Ok, they’re actually not specific to handhelds, but using “CSS3 Media Queries”:http://www.w3.org/TR/2002/CR-css3-mediaqueries-20020708/ the display will collapse to a one-column design when the viewport becomes too narrow for sensible multi-column display.
* When the viewport exceeds a certain width (around 1100 pixels at the moment), the display will expand to a three-column display, saving some vertical space.
* Ok, there is no print stylesheet at the moment, but there will be one, hiding everything but actual content.
* I’m back to using
display: table again – something I used in the very first incarnation of this blog. Much nicer than battling with floats or other positioning schemes.
* _Internet Explorer: You can take this CSS and shove it._ The preview is hiding the CSS from MSIE. While the final version might actually show some styles, specifically crafted for IE, the current version features only a notice telling users they will benefit from browsing the world wide web with a modern browser.
* While the preview uses XHTML 1.0, that might not be the case when the final incarnation is released.
Love it? Hate it? Tell me.