Holmes : une détection d'erreurs HTML élémentaires, Watson !
Une simple feuille de style CSS
Pour mettre en évidence les erreurs de validation des éléments HTML
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:
<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 ;)
:fleche: Télécharger Holmes.
Source : thechangelog.com
Et vous ?
:fleche: Vous préoccupez-vous de la validation W3C de vos pages Web ?
:fleche: Avez-vous déjà utilisé une méthode similaire pour simplifier le repérage d'erreurs dans votre code HTML ?
