Tilt – Veja páginas em 3D no seu Firefox
A forma de apresentar os dados que constituem uma página web não deve ser alterada. O que pode e deve ser mudado é a forma que usamos para visualizar esses dados quanto estamos a construir essas páginas ou a analisar o seu conteúdo. Estar a olhar para código html ou php pode ser bastante enfadonho pois temos de usar a imaginação para visualizar aquilo que estamos a construir.
Existem já ferramentas para os browsers que permitem que vejamos o que estamos a fazer ou a analisar sem que tenhamos de imaginar o que quer que seja. A Mozilla deu agora mais um passo e apresentou uma extensão que permite ver em 3D os elementos que constituem as páginas. Com o Tilt vão ter uma visão completamente diferente das páginas web.
Esta extensão para Firefox permite que analisem de forma completamente diferente as páginas que estão a visualizar. O Tilt é um visualizador de elementos html baseado em WebGL e que permite que tenham a percepção dos elementos que compõem uma página web.
Quando lançam o Tilt ele rastreia a página que está a ser visualizada e constrói um modelo baseado nos elementos que a compõem. Partindo do elementos mais básicos (
) ele vai sobrepondo cada um deles em diferentes camadas para que nos permita entender a relação que existe entre eles. Desta forma é apresentada a página em formato 3D.O Tild não se limita a mostrar estes dados e este modelo de forma estática. É possível navegar por esse modelo, vendo cada um dos elementos e a forma como eles se interligam. Podem fazer zoom a uma zona da página, roda a página ou fazer scroll no seu conteúdo. Existe uma zona de ajuda onde podem verificar quais os movimentos possíveis e como o fazerem.
Ao clicarem em qualquer elemento da página é-vos mostrado o código que lhe corresponde numa nova janela. Desta forma podem verificar de forma simples como esta é construída.
Tilt allows for instant analysis of the relationship between various parts of a webpage in a graphical way, but also making it easy for someone to see obscured or out-of-page elements. Moreover, besides the 3D stacks, various information is available on request, regarding each node’s type, id, class, or other attributes if available, providing a way to inspect (and edit) the inner HTML and other properties.
Vejam no vídeo abaixo a forma de usar o Tilt e como ele vos pode ajudar a compreender e verificar quais os elementos que compõem uma página.
O Tilt não pretende substituir ferramentas como o Firebug ou outras. É sim uma forma diferentes de mostrar os componentes das páginas, recorrendo a uma nova tecnologia, o WebGL e para o poderem usar devem ter esta função activa no Firefox.
O Tilt é suportado pela maioria das versões do Firefox, incluindo a muito recente 8.0a1, disponibilizada ontem na versão Nightly.
Este artigo tem mais de um ano
Isto deve ser bom é para ver as imagens 21 e 24 do último E Porque Hoje é Sexta 🙂
ver os sites em perspectiva… n é a mesma coisa de ve-los em 3D…
só isso q tenho a dizer!!
so ainda nao consegui perceber como é que se activa isso depois de instalado =\
realmente pode dar muito jeito no desemvolvimento de paginas 🙂
Ok!
Como é que funcemina?
Ctrl+Alt+Del
Bem fixe:
http://i52.tinypic.com/dr309h.jpg
http://i54.tinypic.com/fx4fih.jpg
Não dá é para apresentar os vídeos.
Pow Ctrl+Shit+L…. lol
mas para isso tenho o compiz instalado assim tenho efeitos deste genero no desktop em vez de ter no browser
É possível fazer a página toda ser usada em três por todos.
Aqui mostra que fica em 3D para análise.
Gostaria de te-la em 3D direto para acesso.
É possível?