• Hola Invitado, nos gustaría recordarte que mantener este sitio en línea conlleva unos gastos mensuales y anuales.

    Sin vuestra ayuda mensual no es posible seguir en pie, no hay mucho más que contar.

    Si quieres colaborar para que sea posible por lo menos seguir en pie como comunidad, puedes hacerlo mediante alguno de los métodos disponibles en esta página: https://www.lonasdigital.com/donaciones/

    Recuerda que si necesitas invitación para acceder al foro, puedes solicitarla en nuestro Grupo de Telegram


Un mapa 3D de cualquier web con Firefox

leolfer

leolfer

Colaborador
Registrado
8 Ene 2010
Mensajes
934
Reacciones
0
Puntos
19
los principales navegadores incluyen herramientas que ayudan a los diseñadores web en su trabajo: analizar errores, planificar cambios y ver puntos de mejora. Algunas de estas herramientas son dignas de mención como Opera Dragonfly o el ágil inspector de código de Google Chrome.
En Firefox, los desarrolladores solían confiar en extensiones de terceros como Web Developer Toolbar, pero desde la versión 11 nos ofrece una nueva forma de ver la plantilla de cualquier web: en 3D.
[h=3]¿Cómo se hace?[/h] En Firefox, haz clic derecho en cualquier sitio de la página y elige Inspeccionar Elemento. Esta opción abre la Barra para desarrolladores, en la parte inferior de la ventana.


A la derecha de la barra está la opción Vista 3D. Púlsala y se abrirá una vista en 3D con la estructura del diseño de la página.


[h=3]¿Cómo moverte por la vista en 3D?[/h] Lo puedes hacer con el teclado o el ratón.

  • Desplazamiento: clic derecho y arrastrar o cursores del teclado
  • Rotación: clic izquierdo y arrastrar o teclas W S A D (arriba, abajo, izquierda y derecha respectivamente)
  • Zoom: rueda del ratón o teclas + y -


[h=3]¿Y esto para qué sirve?[/h] Aunque parezca una curiosidad inútil, hay una razón de ser para la vista en 3D. En el diseño web muchos contenidos se encuentran dentro de otros.
En diseños complejos, desentramar la maraña de contenedores implica pelearse con cosas así:

O un listado de jerarquías algo más comprensible, pero lineal.



La vista en 3D, al usar una dimensión adicional, deja claro qué está dentro de qué, ya que situa cada elemento a diferentes niveles de altura.
 
Atrás
Arriba