IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

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 !

Holmes : une détection d'erreurs HTML élémentaires
Qui se base sur la validation W3C

Le , par FirePrawn

0PARTAGES

On a souvent des surprises une fois une page terminée lorsque l'on décide de la passer au validateur W3C.
Vous pouvez maintenant éviter ces surprises en repérant en temps réel les erreurs les plus communes de votre code HTML !

Holmes est une feuille de style CSS qui permet un diagnostic de vos éléments HTML.
Pour utiliser la validation en temps réel rien de plus simple !
Il vous suffit simplement d'inclure la feuille de style CSS et d'ajouter une classe sur votre balise <body> :

Code html : Sélectionner tout
<body class="holmes-debug">

Après ça, vous disposez de trois codes couleur différents : une bordure rouge pour signaler les erreurs, une bordure jaune pour signaler les avertissements (mauvais usage par exemple) et enfin une bordure gris foncé pour signaler les éléments dépréciés.
De plus, un tooltip apparait au survol d'un élément signalé par un des trois codes couleur contenant une explication de l'erreur.

Vous pourrez donc désormais valider vos pages au fur et à mesure du développement.
Attention bien sûr à retirer Holmes lorsque vous publiez votre site en ligne

Télécharger Holmes.

Source : thechangelog.com

Et vous ?

Vous préoccupez-vous de la validation W3C de vos pages Web ?
Avez-vous déjà utilisé une méthode similaire pour simplifier le repérage d'erreurs dans votre code HTML ?

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