Ultimamente tenho experimentado bastante com JavaScript, a última coisa que fiz foi um Grid auto-ajustável à largura do browser com a possibilidade de abrir ou ampliar um dos blocos do Grid e ajustar automaticamente os outros blocos.

Na Sexta, já sem tanto tempo para experimentar, estava pesquisando por alguma biblioteca que criasse algo como um mosaico de blocos para usar em outra parte do projeto, que trabalhasse de acordo com colunas mas que permitisse uma certa desordem, diferente do que eu precisava quando desenvolvi o meu próprio Grid.

Depois de um bom tempo encontrei a jQuery Masonry (http://masonry.desandro.com/) criada por David Desandro (http://desandro.com/) que além de utilizar essa organização por colunas, alinhando os blocos verticalmente sem deixar espaços é bem fácil de utilizar, aliás não é preciso fazer praticamente nada então mesmo para quem não gosta muito de escrever códigos é uma excelente pedida, veja também o plugin jQuery Isotope (http://isotope.metafizzy.co/), utiliza o Masonry e acrescenta mais recursos.

Para utilizar você precisa já ter os elementos e no JS colocar um código simples como este:

As opções para cada plugin estão aqui:

Masonry: http://masonry.desandro.com/docs/options.html

Isotope: http://isotope.metafizzy.co/docs/options.html

Os métodos:

Masonry: http://masonry.desandro.com/docs/methods.html

Isotope: http://isotope.metafizzy.co/docs/methods.html

Existem diversas outras customizações, tudo bem documentado, vale a espiada.