Jul 27th 04

Sky Over Roof

Well, the new design is now completely implemented and all kinks have been worked out, including a nasty background bug that was solved through sacrifice, but not without first receiving much assistance from some generous readers. Browsing photographs is now easier than ever with “Prev” and “Next” buttons on every individual archive page. Even better, they don’t move like the old arrows did, so all you have to do is click. Also new… custom error pages. Woo hoo!

“Sky Over Roof”

11 Comments

Colin D. Devroe on Jul 27th 04

I appreciate, beyond words, that you’ve taken the time to address my issue with this site. I think this redesign is much better than the last, which was on it’s own a very well designed layout.

Viewing your site has now become infinitely more enjoyable, since you’ve created logical ways for navigating images.

I wouldn’t mind seeing the prev | next buttons on the hompage as well, but the “latest images” row is just as useful.

Zelnox on Jul 27th 04

Looks good. ^_^

The lighting is cool. Reminds me of a nebula.

daniel on Jul 28th 04

the prev/next buttons are sweet! as well as the link to the comments directly from the photo. Thanks! By the way, that picutre is awesome. I love the siloutte (spelling?) look and the clouds are awesome.

Ian on Jul 28th 04

Very pretty, Mr. Polselli, as always.

One thing that bugs me about this design (and the last one, too), though, is the way you’ve included the image. I know why you’ve done it, but I wanted to see if it could be done cleaner and fix the block-inside-inline validation error there. I was playing around a bit and came up with this:

a { display: block; overflow: hidden; }
a::before { display: block; content: url(navshadow.png); margin-bottom: -17px; }
a img { position: relative; z-index: -1; border: 0px; }

Don’t know how Safari handles that, but the latest versions of Opera and Firefox seem to do fine. (For some reason, Firefox wont work with overflow’s default–visible–odd.) I don’t remember if older Gecko browsers know the double colon ‘::’ pseudo-element selector, but one colon should work just as well. Explorer just ignores it.

I guess you could go farther too, and experiment with liquid layouts–shrininking the image with the size of the browser. Or, run a second shadow or rounded corner off the bottom. Just think the fun you could have!

Adam Polselli on Jul 28th 04

Colin, I’m so glad that you’re pleased with the new navigational elements! I’d like to thank you for suggesting them in the first place, as I agree that they are a great improvement to the functionality of the site. :)

Ian, thanks for the kick in the butt. Lord knows I hate dirty code, and that little section of code has always been the dirtiest of all. Once I read your comment and actually took a moment to think about the issue at hand, I realized how simple the solution was: put the link inside the div, and then modify it with CSS.

I simply wrapped the drop shadow image with the link, and then set the height of the link to match the height of the photo. Easy as that!

Caleb on Jul 28th 04

Nice re-design dude!!! I like your photo presentation better. I take it this will allow you to present vertical images now?

Vishal on Jul 28th 04

The new design is really good. I always liked your design (even the previous one) as it does not bother me viewing it with any browser. I only wish you had a text (+/-) somewhere as I use a high screen resolution (1600×1200) and the font gets too small esp the navigation.

Also one more thing I like to add is that in your RSS Feed you have images but I have seen that you usually provide a base URL for images (colorschemes/featheryFlowersColors.gif) and rather not the full URL (http://www.adampolselli.com/colorschemes/featheryFlowersColors.gif) and so all aggregators display ALT text rather than image which seems to look a bit non geeky to me.

Summary: I simply love the design.

Vishal

Teller on Jul 28th 04

Hei Adam,

Sorry to leave it in the comments – I sent you an email on 19.07.2004. Perhaps it ended up in your junk folder or something. Please let me know if you received it and if not then I’ll try to send again. It’s about request to use your images.

Cheers,

Siim

Adam Polselli on Jul 28th 04

Caleb… you’re right! I had completely forgotten about vertical photographs, but now that would be very possible, and I just might do so.

Thanks for the compliments, Vishal! Sorry for not supplying a (+/-) control for the text. I’ve recently counted on modern browsers to supply that option, including FireFox and Safari.

Teller, I’m afraid I never got your email. Please send it again, and I’ll be sure to check my Junk folder too. :)

Ian on Jul 29th 04

SN

That’ll fix that error; I was trying to get rid of the need for the div altogether though. That way you could just have the image in the source, instead of the shadow.

With the div now in the right place, all that’s left would be the stray MT tag, lowercase ‘onClick’, and close an unruly div: valid XHTML Trans. Then zap ‘name’ on the form & ‘target’, and wrap your imputs in paragraphs: valid XHTML Strict!

Also, have you seen what NN4 does to your site?! I know, I know, I’m the only hit you have for it (…and Amaya–silly me ;). Simple ‘media=”all”‘ on your stylesheet link, should make it usable.
___

BTW, your major’s Graphic Design, right?

Teller on Jul 29th 04

Sent again. Check your email.

Comments are now closed for this entry.