Firefox 3D

Analyser vos pages Web en 3D avec la dernière version de Firefox

Ah la 3D ! Concept à la mode, que l’on essaie de décliner à quasiment toutes les sauces : films 3D, jeux avec relief, téléviseurs de salon, smartphones 3D…

Tout ça c’est bien beau, mais est-ce que ça a vraiment une utilité ?

Si pour le moment, la 3D dans les films ne m’a pas convaincu (je préfère ressentir les explosions avec mon Buttkicker :-)), Mozilla se met aussi à la mode de la 3D, mais cette fois pas pour proposer une hypothétique expérience de navigation inutile, mais pour vous aider à analyser les éléments de vos pages Web ;-)

Pour tester cela, il faut télécharger la version 11 de Firefox, disponible ici.

Ensuite, allez sur Firefox, Développement Web et Examiner :

Cliquez ensuite sur le bouton 3D en bas à droite de votre fenêtre.

Votre ordinateur devrait mouliner un peu avant de vous afficher votre page Web avec une représentation en 3D, vous permettant de bien identifier les éléments de votre site.

Vous pouvez contrôler la navigation en utilisant la souris : maintenez le clic gauche enfoncé et déplacez-la, utilisez la molette pour zoomer/dézoomer, et utilisez aussi les touches Haut, Bas, Gauche, Droite pour déplacer votre page dans l’espace ;-)

Source

  9Comments

  1. MoZo   •  

    Pratique pour pas trop se perdre dans les encapsulations de Div !

  2. guiaud23   •  

    « Firefox, Développement Web et Examiner Cliquez ensuite sur le bouton 3D en bas à droite de votre fenêtre »

    Sauf erreur de ma part je n’ai pas de bouton 3D a droite ni a gauche :) a droite y’a HTML et Style et a gauche les balises .

    je suis en 10.0.2

    • Datawolf   •  

      « Pour tester cela, il faut télécharger la version 11″

      • Selord   •  

        Pas de bouton 3D et j’ai pourtant une version 11 toute neuve.
        Peut être que cela n’est utilisable que sur certain ordi :'(

  3. guiaud23   •  

    1.1 telechargé j’ai le bouton 3D sauf que
    « Impossible d’initialiser Tilt, veuillez vérifier les
    informations de dépannage disponibles sur http://get.webgl.org/troubleshooting « 

  4. Grandasse   •  

    En espérant que ça incite les gens à mieux structurer leurs sites web, et à ne pas se limiter à du wysiwyg pour l’utilisation du CSS…

  5. Eloka   •  

    Excellent ! C’est super pratique et de plus très sympa comme effets :) As-tu remarqué l’effet miroir (certes inutile) quand tu passes derrière ton site ? Un bon outil pour tous les dev un peu paumés dans leur code source.

  6. Agence web troyes   •  

    Je trouve cet outil plutôt marrant qu’utile à vrai dire. J’ai du m’en servir pour un problème de z-index une fois… Après, comme l’a dit Eloka, si on s’y retrouve pas trop dans son code, cet outil serait peut être utile :)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>