kottke.org

...is a weblog about the liberal arts 2.0 edited by Jason Kottke since March 1998 (archives). You can read about me and kottke.org here. If you've got questions, concerns, or interesting links, send them along.

Tweaked photo album template

My recent design refresh is already bearing fruit around these parts. Behold the new photo album template, which you can see in the Ireland photos, some recent Paris photos, photos from the High Line, etc. The album pages are the first non-white background pages to make it onto kottke.org in quite awhile, which was part of the reason for the design refresh. I tried the photos on white, but I felt they looked better on a darker background, so I went with that. The photos are also larger than they previously were, up from 600 pixels wide to 720 pixels. The file sizes are also quite large (sorry!)...BetterHTMLExport doesn't do the best job in compressing jpgs while preserving image quality. Photoshop's "Save for Web" does a much better job, but that would be a lot more time consuming for me. The search for the perfect solution goes on...

But my favorite part of the albums are the navigation. If you mouseover the right half of the photo, you get an arrow overlaid on the photo that suggests that you can click to move to the next photo (which, of course, you can). Then you can click on the left side of the photo to go back. If you're using Safari or Firefox or anything but IE really, the arrow images are tranparent png files that blend in with the photo in the background. Fun!

Up next: the photo page needs some help.

By Jason Kottke    Jun 21, 2005 at 06:09 pm    betterhtmlexport   design   kottke.org   photography

kottke.org, quickly...

The best way to get a sense of what kottke.org is all about is to head to the front page or check out some random entries from the archives. Follow kottke.org via RSS or Twitter.

Want to share your something special with kottke.org's readers? Sponsor the RSS feed for a week!

Looking for work?

See more on the Job Board.

Recommended sites

David Archer    Matthew Paul Thomas    Rebecky    greg.org    jimr(ay)    evhead    panopticist    strange maps    Nivi    Type for you.    Airbag    Ikeepadiary    The Pop!Tech Blog    Eater    tremble.com    Frumination    Personism    NYT Science    Idle Words    The Laboratorium