My First(Published) page of CSS
Now I have the "basics:" fixed frame behavior written in cssThis page uses xhtml 1.1 transitional and css. The source is a lightly modified version of a layout provided by Stu Nicholls at his wonderful site, CSS PLaY . He shows a lot of creativity, providing open-standard code that are both succinct and eye-catching. Thanks for the help Stu!
The first time I started designing web sites several years ago, I used Microsoft's Front Page. It was an easy product to use and understand and, since MS' Internet Explorer had such a high market share, I didn't have to worry about the results: What looked good in Front Page looked good in Internet
This didn't matter much to me until two things: I started becominginvolved in Open Source projects and; I wanted to leave frames behind. My enthusiasm for Open Source led me to re-examine my support for open standards. It really is worthwhile to dump proprietary "standards" and its monopolistic mis-behavior. As far as leaving frames behind, that was a no-brainer: they are difficult to manage, confusing and most importantly, css should be able to do the trick much more elegantly. Right?
Of course, finding the "basics: was tough
It took a lot of looking and testing to find this solution for
fixed frame behavior in css. It wasn't that it couldn't be
done, rather, it seemed it could only be done for one or two platforms.
Invariably, with most of the css scripting, some flavor of
browser wouldn't behave. Even now, with this code,
there continues to be a bug in Mozilla-based browsers which disables
mouse-focus on this pane such that one isn't able to scroll using the
mouse wheel. Apparently, all that will be cleaned up within
the next year.
The background image is from a photo I'd taken.
This is a shot of the Lighthouse
at Santa Cruz Harbor in California. I took it using Gina's
Canon SD400. I then used Gimp 2.2 to scale down the image and
copy the left as well as top regions. Setting those aside, I
took the full image and washed it out with contrast and filled the
result with a little green. The washed-out image measures
1500 x 1125 pixels. The fixed left and top portions measure
200 x 1025 and 1500 x 100 respectively.
But why put up this web site now?
Really there are only two reasons for having posted this web page now and not later. First off, vacation looms. Secondly, I want to be able to call my mom and say "Look what I've done and yes, that's our picture from last year's Sunset Magazine Open House!" And no, I don't think I'll be taking it down anytime soon.