• About Me
• Music
• The Mad Trivia Party
• Radio
• Design

Home » Design » Web » MarkScudder.org 2004

MarkScudder.org 2004

The "face site" idea was one of my early experiments in making dynamically-resizable full-page sites.  The background photo was taken with a consumer digital camera (I think it was a Canon Powershot), against a white background that was then popped a bit in Photoshop so it would blend into the page background to the right.

The blog's content was set in an absolutely-positioned DIV that floated over the background image, which was actually a DIV itself, anchored top and bottom, so that it would resize when the browser window was resized.  The content DIV also resized with the browser window, only being anchored on top and bottom and with a percentage width so that it would scale fairly evenly with the resizing background image.

Believe it or not, this worked in Internet Explorer 6, with a little hacking.  In fact, it didn't work in Firefox for awhile because of a bug where you couldn't use the scroll wheel to scroll an overflowed DIV.  Once Mozilla fixed this bug, the template was completely usable cross-browser.

Comments popped up in a pop-up window launched with JavaScript.  Today you'd do it with an AJAX/JQuery overlay.  The post headers didn't age well; they were a carryover from another experiment in which I was trying to pay homage to the old BBS days.