Visual archives at Astheria

Published on 24^th April 2008 in Design, Websites, tagged CSS, minimalism, organisation.

Archives are often something that are left until the last minute and I don’t think anyone really considers how best to create them. Designers often throw together a chronological list of posts and leave it at that. However, I stumbled across a design by Kyle Meyer today that’s a brilliant solution to the archive problem. On his website Astheria, he represents his archive visually, altering the distance between posts to show fluctuations in frequency.

Clever, isn’t it? How is it done? Well all he’s done is dynamically style the list items, altering their top margin according to the difference in dates. I guess that this is done in a custom PHP script he’s written to grab and display his blog content. The rest is just done with CSS.