Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Firefox 11 affiche la structure des pages web en 3D
Et les changements dans les feuilles de styles CSS en temps réel

Le , par Gordon Fowler

13PARTAGES

9  0 
Firefox 11 vient d’intégrer un ensemble d’améliorations qui risquent de ne pas laisser les développeurs web indifférents.

La première nouveauté est un outil qui permet de visualiser la structure (CSS, etc.) d’une page en 3D. Page Inspector 3D View, surnommé Tilt, repose sur WebGL.

« Cet outil permet à tout utilisateur de comprendre immédiatement le lien entre le code et la page finale », explique Mozilla. « Alors que les outils pour développeurs, tels que « view source », ont toujours été utiles pour apprendre à développer une page, l’affichage en 3D offre une vue plus limpide de la structure des différentes parties d’un site Web ».


Le site de CNN passé à la moulinette de Page Inspector 3D View, alias Tilt

Après avoir sélectionné « 3D View » dans Page Inspector, il suffit de déplacer la souris sur les différents éléments pour que Firefox 11 donne davantage d’informations sur la partie sélectionnée.



Deuxième nouveauté, l’outil Éditeur de style permet d’éditer les feuilles de style CSS, à l’instar d’un éditeur de texte, et de voir instantanément les modifications, sans quitter le navigateur.

« C’est une façon simple et rapide d’itérer et de tester les conceptions d’un site Internet », explique la fondation. Lorsque des modifications sont apportées, l’Éditeur de style permet de sauvegarder le fichier sur un ordinateur.

Enfin, Firefox 11 synchronise à présent les modules complémentaires entre différents ordinateurs. Les utilisateurs peuvent activer cette option depuis la fenêtre « Options » dans l’onglet Sync.

Télécharger Firefox 11

Plus d’informations sur "Tilt"

Source : Mozilla

Et vous ?

Impressioné(e) par Page Inspector 3D View ? Ou simple gadget ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de amezghal
Membre habitué https://www.developpez.com
Le 14/03/2012 à 13:56
Je viens juste de tester l'inspection 3D et c'est vraiment un truc de ouf.
l'avantage c'est qu'on voit bien le z-index des layers
1  0 
Avatar de stailer
Membre chevronné https://www.developpez.com
Le 14/03/2012 à 21:25
Enorme !

Je sais pas si ça va m'être utile mais techniquement, c'est vraiment top.
1  0 
Avatar de _ash_
Membre habitué https://www.developpez.com
Le 15/03/2012 à 8:34
Pour voir à quelle point cette extension peut être pratique, il suffit de l'utiliser sur cette page : http://www.cedricrey.fr/atelierWeb/t...eiffel_3D.html
1  0 
Avatar de pastel.pro
Membre actif https://www.developpez.com
Le 15/03/2012 à 9:23
C'est vraiment excellent, et perso je trouve pas ça gadget, ça permet de comprendre une page beaucoup plus vite
1  0 
Avatar de Benjamin Delespierre
Expert éminent https://www.developpez.com
Le 21/03/2012 à 13:34
C'est super, j'adore ce genre de gadgets . ça facilite grandement la compréhension de la structure global de la page en un coup d'oeil.

Un exemple avec DVP
1  0 
Avatar de rambc
Membre expérimenté https://www.developpez.com
Le 14/03/2012 à 15:00
Pas mal pour voir la complexité de certains sites... A voir si cela est utile en situation réelle.
0  0 
Avatar de Khleo
Membre averti https://www.developpez.com
Le 14/03/2012 à 15:18
Vraiment impressionnante l'inspection 3D
0  0 
Avatar de FERDIKAM
Membre confirmé https://www.developpez.com
Le 14/03/2012 à 18:05
trop cool l'extension
0  0 
Avatar de Aiekick
Membre extrêmement actif https://www.developpez.com
Le 14/03/2012 à 21:08
Effectivement bravo mozilla !!

pour la visu 3D c'est sympa pour voir la complexité d'un site, c'est un peu fun, mais je pense pas que ça soit d'un grand intérêt pour le dev.

par contre les outils d'examen en live d'un site ça c'est top et je vais m'en servir.

D'ailleurs si vous voulez vous rendre compte de la complexité d'un site vous pouvez afficher une adresse d'un site sous forme de graphe a cette adresse :
http://www.aharef.info/static/htmlgraph/
C'est 2D mais c'est assez efficace aussi
0  0 
Avatar de Tillo
Membre confirmé https://www.developpez.com
Le 16/03/2012 à 10:22
Et voilà... tous les développeurs web de la terre vont pouvoir découvrir la structure de mes pages web et se moquer de moi parce que j'utilise mal les div.

Plus sérieusement, je doute de l'utilité réelle d'une telle fonction.
0  0 
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web