Tilt – Veja páginas em 3D no seu Firefox

Criado por em 23 de Julho de 2011 | 8 comentários

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.

Download: Tilt 0.1
Homepage: Tilt

   		     Pin It  

Arquivado na categoria: Extensões, Firefox


  Imprima este artigo   Post2PDF    


8 Comentários

  1. Visitante
    23 de Julho de 2011 às 9:01 am

    Isto deve ser bom é para ver as imagens 21 e 24 do último E Porque Hoje é Sexta :)

    Responder
  2. lourenço
    23 de Julho de 2011 às 10:20 am

    ver os sites em perspectiva… n é a mesma coisa de ve-los em 3D…
    só isso q tenho a dizer!!

    Responder
  3. Telmo
    23 de Julho de 2011 às 12:33 pm

    so ainda nao consegui perceber como é que se activa isso depois de instalado =\

    Responder
  4. Pedro Gaspar
    23 de Julho de 2011 às 1:57 pm

    realmente pode dar muito jeito no desemvolvimento de paginas :)

    Responder
  5. fucilo
    23 de Julho de 2011 às 2:19 pm

    Ok!
    Como é que funcemina?

    Responder
  6. eu
    23 de Julho de 2011 às 3:41 pm

    mas para isso tenho o compiz instalado assim tenho efeitos deste genero no desktop em vez de ter no browser

    Responder

Deixe o seu comentário

Aviso: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. O autor deste site reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.