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.
