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.

kottke.org posts about betterhtmlexport

 

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  •  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.

Looking for work?

See more on the Job Board.

Tags, tags, tags

Many posts on kottke.org have been "tagged" with keywords, which activity results in collections of related posts like sports, infoviz, or best of.

Recently popular tags (last 3 weeks)

best of 2011 (13)  •  video (1204)  •  post updates (139)  •  art (502)  •  parenting (60)  •  design (760)  •  movies (1355)  •  TV (493)  •  food (846)  •  photography (1027)  •  Apple (305)  •  best of (446)  •  sports (630)  •  lists (765)  • 

All-time popular tags

movies (1355)  •  video (1204)  •  photography (1027)  •  books (904)  •  food (846)  •  NYC (832)  •  science (805)  •  lists (765)  •  design (760)  •  sports (630)  •  music (547)  •  art (502)  •  TV (493)  •  business (450)  •  best of (446)

Useful favorites

photography (1027)  •  economics (239)  •  lists (765)  •  best of (446)  •  infoviz (214)  •  food (846)  •  NYC (832)  •  firstworldproblems (4)  •  cities (162)  •  restaurants (226)  •  video (1204)  •  timelapse (9)  •  interviews (305)  •  language (333)  •  maps (287)  •  fashion (207)  •  NSFW (70)  •  remix (319)

Random tags

Edward Tufte (41)  •  Ben Affleck (3)  •  headlines (14)  •  Not The Onion (6)  •  cigarettes (5)  •  weblogs (411)  •  books (904)  •  design (760)  •  Beautiful Evidence (8)  •  .com (20)  •  Michael Lewis (50)  •  photography (1027)  •  this is a metaphor for something (6)  •  Rainy Day Fun and Games for Toddler and Total Bastard (2)  •  Greg Knauss (8)