A big shout out to the Association of Research Libraries, which just launched a newly designed website powered by Big Medium 2. As you might expect from a group of web-savvy librarians, the result is well organized and elegant. I was happy to give them a bit of help and advice from the sidelines, but all of the real work was done by ARL's enthusiastic web team along with designer Kevin Osborn.
The site sports a clean, tidy design with some clever applications of Big Medium's design widgets.
Pure-CSS dropdown menus with graphic rollovers
<ul> list with CSS styles applied.
The Global Moxie help FAQ describes the basic technique for adding graphic rollovers to Big Medium's navigation.
Google search results in a Big Medium page
The ARL site uses Google's free Google Co-Op search service, but displays the results inside a Big Medium page with the site's own look and feel.
The site includes two types of breadcrumbs. The first is the traditional breadcrumb display, generated by Big Medium's
<%breadcrumbs%> widget at the top of the page, displaying your path back to the homepage.
But I'm also digging the site's second, vertical breadcrumb display. Check out the purple and maroon bars above the page content, linking you back to the parent sections of the page. It's a nifty effect that they used with some well placed server-side-include tags (conditional expressions, how I love thee) and a bit of CSS pixie dust applied to Big Medium's section navigation widgets:
Simple site map
The site's site-map section uses Big Medium's
<%navigation%> widget in its section template to generate a nested set of
<ul> lists of every content section of the site. Sprinkle in some attractive CSS styling and ARL got itself a quick-and-dirty site map that updates automatically when sections are changed, added or removed.
Nice going, gang, and congrats on your launch.