free hit counter
Archives for category: interactive

Visual+ Sound+ Interactivity

jQuery Masonry

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Google Art Project

The world’s art at your fingertips, visit

To discover and view artworks online in extraordinary detail. Working with 151 institutions, Google has put tens of thousands of works of art from more than 6000 artists online. This involved taking a selection of super high resolution images of famous artworks, as well as collating more than thirty thousand other images into one place. It also included building 360 degree tours of individual galleries using Street View ‘indoor’ technology. The project has expanded dramatically since it first launched. More than 30,000 objects are now available to view in high resolution, an increase from 1,000 in the first version.

A Day Made of Glass 2: Same Day. Expanded Corning Vision.

A good example of left to right linear navigation system, a site designed by SmashLab, explains the problems facing the design industry when faced with the enourmous impact it has on the environment, and serves up resources for finding out what you, in the industry (designers, students and buyers), should do to minimize that impact in a sustainable way.


smashLAB started to consider the amount of waste designers are responsible for. The paper and pulp industry is the third largest polluter, and according to the AIGA, their members alone specify or purchase $9.1 billion in printing and paper annually. In seeking ways to help mitigate their impact, smashLAB found few resources directly related to graphic design. There had been discussion, essays, and conferences dedicated to sustainability, but not much in the way of a clearing house for sustainable graphic design information.


  • Six-months of research and information assessment
  • Content creation and information design
  • Development of large-scale Flash website
  • Establish partnerships and publicize effort

Key benefits

  • Succinctly iterates the problem and possibilities
  • Walks visitors through a large amount of content
  • Enables designers with actionable suggestions
  • Uses the web to rapidly disseminate the message
  • Downloadable booklets and tools facilitate action

To see how Flipboard turns your social networking tools ( Facebook and Twitter) into social “magazines.”