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

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

9 Commentaires sur cet article

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

    Répondre
  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

    Répondre
    • Datawolf

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

      Répondre
      • 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 :'(

        Répondre
  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 « 

    Répondre
  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…

    Répondre
  5. Baronsed

    Pareil, version 11.0 sous GNU/Linux, et pas de bouton 3D. Sinon, pour vos CSS, il y a ça :
    http://lehollandaisvolant.net/index.php?2012/01/11/17/56/43-astuce-html5-contenteditable

    à tester !

    Répondre
  6. 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.

    Répondre
  7. 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 :)

    Répondre

Laisser un commentaire