Guardare qualsiasi sito in 3D con Firefox

codelab3d

Forse non tutti sanno che con Firefox è possibile visualizzare un qualunque sito web in 3D!

Non servono componenti aggiuntivi nè programmi particolari ma semplicemente il noto browser in una delle sue ultime versioni, ecco come fare:

  • Navigate su uno dei vostri siti preferiti ad esempio: http://www.codelabstudio.it    😉
  • Cliccate con il pulsante destro del mouse in un punto qualsiasi della pagina
  • Cliccate su “Analizza elemento” nel menù contestuale
  • Cliccate sul pulsante “Vista 3D” nella barra che appare in basso
  • Et… voilà! Firefox realizzerà una rappresentazione 3D del sito!

La logica con cui viene calcolata la visualizzazione tridimensionale è molto semplice, ogni layer della pagina avrà un’altezza proporzionale al suo “z-index”. Per i neofiti dell’html lo z-index è un numero in base al quale il browser decide l’ordine con cui disegnare gli elementi sulla pagina in modo che elementi con z-index maggiore appariranno sempre sopra a elementi con z-index minore.

Nella vista 3D di firefox potete usare i seguenti comandi per muovere la pagina:

  • Tasto sinistro mouse: rotazione
  • Tasto destro mouse: panning
  • Scroll mouse: zoom avanti/indietro
  • Pulsanti A,S,W,D: rotazione
  • Pulsante O: zoom indietro
  • Pulsante I: zoom avanti
  • Pulsante R: reset della visuale
  • Pulsanti frecce: panning

Continuate a seguirci, sul blog di Codelab!

Guardare qualsiasi sito in 3D con Firefox ultima modifica: 2013-01-26T16:42:04+00:00 da Codelab Studio

Comments are closed.