Rejoignez les
34719 abonnés

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

Publié le par Nikopik dans la catégorie High Tech, Internet, Webdesign

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 réponses à Analyser vos pages Web en 3D avec la dernière version de Firefox

  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. 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 !

  6. 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.

  7. 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 :)

Ajouter un commentaire