[Cross posting to commons-l and design list]
Hi all,
Over the last couple days, I've been looking at making our <gallery> tag a lot more slick. Compared to other websites, our galleries look very "boxy" imo. This isn't that bad when it comes to icon/clip art type media, but for photos I feel we could really do better. So I've tried to make the galleries be more compact, with rows of images all the same height but different width, and the caption visible on hover. The only downside to this is the borders of the gallery become a little ragged, which mostly looks fine to me (Possibly could be dealt with with js. Would involve a bit of double loading the images though).
A demo speaks louder than words, hence:
* http://tools.wmflabs.org/bawolff/gallery/index.php?title=Featured_pictures/N... with http://commons.wikimedia.org/wiki/Commons:Featured_pictures/Non-photographic...) * http://tools.wmflabs.org/bawolff/gallery/index.php?title=Featured_pictures/A... with http://commons.wikimedia.org/wiki/Commons:Featured_pictures/Animals/Fish ) * http://tools.wmflabs.org/bawolff/gallery/index.php?title=Main_Page
Additionally the wiki is open to editor (You need to register an account first), so please don't hesitate to experiment.
Anyhow, this is all still a work in progress, and I would really appreciate your feedback/criticism/hate mail/love letters/etc. -- Thanks, Bawolff