Grande ideia!
O criador do site mostra em forma de galáxia um mapa da internet mundial, com cada site representando uma estrela e seu tamanho dado pelo número de acessos.
Excelente, simples e direto, vale a pena conferir:
Em um de nossos projetos precisávamos de uma galeria de fotos em formato de mosaico.
Até aí tudo bem, o css resolve bem se, e somente se, os thums forem todos do mesmo tamanho. Porém, o design estilo azulejo não nos agradou nem um pouco, além do que com os thumbs do mesmo tamanho a qualidade da imagem dos thumbs acabou ficando prejudicada, ou pelo corte ou pela distorção…nenhuma agradou.
Chegamos ao segundo ponto, com os thumbs em tamanhos variados o visual ficou muito mais agradável, porém o css não deu conta, sempre a coisa acabava alinhada em algum ponto com muitos espaços vazios.
A solução foi das mais simples:
Jquery e um plugin específico.
Dos que testamos selecionamos dois para compartilhar, são os mais simples, rápidos e com licença free.
Masonry:
Excelente, simples e direto:
Isotope:
O mesmo do anterior, com mais opções, portanto um bocadinho mais complexo:
Em breve divulgamos os arquivos da galeria.