OK, I committed to do a lot this weekend, clean the garage, create and document my Mom’s blog and change my layout from tables-based to CSS. I did it all! Woohoo! *Well, I’m still working on my site but it is 95% complete! OK, little things first. A lot of work, sweat and dirt and I can now park my car in the garage. So I moved all of the stuff from the front of the garage to the back, so what? Parking my car in the garage is sweet! ...
I’ve had it for several years. My Wellington Road Pictures site uses a table for formatting. I know, I know its wrong, wrong, wrong but hey, it validates! I’ve tried a couple of times to clean it up but I’m not so much on Web design. Every six months or so, I’ll find inspiration. Today, while trying to figure out how I’m going to use CSS Animations (I am starting to think its the millennium’s version of Blink), I ran across more inspiration. ...
CSS Animations. It sounds neat and it doesn’t sound like “blinking cursor”. It sounds useful, like rounded corners. I’ve got some time this weekend…. mmmmm. If you use Safari 4, stay tuned.
I like Veerle. Never met her, but I like her. She has consistently taught me new stuff in an engaging way for several years. Her latest post, Placing a CSS background… is a fine example. Its something I didn’t know She has great detail on how to do it Its something I want to know Thank you, Veerle for making the Web a better place.
Not much to see here. I’m testing a fix for my blog. Keep moving, keep moving.
Recently, I spent a fair amount of time re-organizing my films on WRP. I had a few goals: Bring my site into the 21st Century, so quit using a js script to open a new window to display the movie. So, how are all the cool kids doing it? YouTube and Vimeo. No thanks, color me old school and not into “insert your video site of choice that displays your video in horrendous quality along with bizillion ads.” ...
(think Moon shadow, moon shadow) I wanted to make the site look just a weeeeee bit better. And a dropshadow on the images seemed to be the way to go. Search the web… uhhhh, that isn’t easy. Let’s see what Pixelmator can do… uhhhh, that isn’t any easier! Sigh, let’s fire up Photoshop and flail away. D’oh! My image is locked, why oh why! More searching… one of two solutions, double click on the layer then click OK or make sure the image is RGB not Indexed. Sigh. That was 30 minutes. ...
Whew! Made some changes to the site in an effort to bring it into the 21st Century. First, I added a drop shadow to all of the images. What a difference it makes! Details on how in my next post. Second, I wanted to make sure the tooltip for each image would say “Click on image to play film.” and each image would have a alt tag so it would validate correctly AND when the film played, I wanted to ensure the title in the shadowbox did NOT say “Click on image to play film!” Details on this one; so Shadowbox has a title attribute; use it to show the title when it is being played. Use the href attribute title for the tooltip AND ensure you have an alt attribute for the img tag. ...
So I wanted to add a picture to my header… not a problem. BUT! Now the picture and my blog title were in conflict. Because the header photo was half dark and half light, any title color would look great on one side but not the other. Sigh. Here’s where it got fun! Using Safari 4’s Develop menu (enable using the Advanced Tab in Preferences), I used the Web Inspector to see if I could drop the title to just under the photo, oops, move it to the right, and make sure the Search widget lines up at the bottom, change the color, FINIS! ...
To begin… again. Probably my 4th or 5th attempt at blogging. This time I want to take a different approach. I want to use this blog as a way of understanding video and OS X/Macs. Let’s see what happens!