I have been working on my portfolio site for what seems like years… although it has only been a few months. The idea is to have this stargate like device the floats in the midst of planets, the planets making up the “artsy” links for the different sections of my site. This works out pretty well. Using HTML5 and CSS3 I am able to get a quarter gate, in the bottom left corner, with planets positioned around it to look awesome! In 1920 x 1080…
The problem is with a Liquid Layout as soon as it is re-sized… everything goes to shit. Well not everything, using some CSS3 trickery I was able to back the background starscape and the gate itself re-size and maintain relative position, but the planets go all to hell and back. An unfortunate reality that modern web-designers have to take into account is that most people still prefer to view a webpage at 1024 x 768, whether that is their default screen-size or they prefer to browse in windowed mode so their boss doesn’t catch them.
What this really means is that I am gonna repaint the gate… as I am now centering the navigation page in a 1020px box, rather than having it adhere to the rules of a traditional liquid layout. For those of you new to Worldcrafter, here is the original gate:
And here is step one of the revision:
Wheee!!! Painting time!