Há uma extensão curiosa para o Firefox: Tilt. Ela exibe uma página da web montada em 3D, com camadas para vários dos seus elementos.
Pode parecer algo inútil num primeiro momento, mas pode ajudar para checar visualmente os grupos de nodes e objetos DOM, observando as “camadas” que são sobrepostas para montar as páginas.
A extensão usa WebGL para desenhar os elementos, e permite mover a visualização, girá-la, etc.
Ela funciona pegando o “body” como a camada inferior, montando todas as outras por cima. Girando ela para o “lado” você percebe bem as camadas. Algumas páginas complexas podem ter muitas e muitas delas. Entram como camadas elementos como DIVs, ULs, ou qualquer outro node com elementos dentro.
Para o futuro os desenvolvedores pretendem implantar novos recursos, como alteração e atualização da página “on the fly”, além de melhor integração com ferramentas para desenvolvedores como o editor Ace e as próprias ferramentas do Firefox. Será interessante um dia ver a página sendo montada e mais, ter uma navegação suave em 3D, clicando num link e observando a ação até o carregamento do destino.
O código da extensão está no Github, há detalhes no blog com os milestones (marcos importantes) dela: https://blog.mozilla.com/tilt. A versão mais recente pode ser pega neste link, basta salvar e arrastar o ícone para a tela do Firefox. Para ativar a visualização tecle Ctrl + Shift + L, ou vá ao menu Ferramentas > Tilt.
Esta postagem foi modificada pela última vez em 20/07/2011 23:31