Holmes : une détection d'erreurs HTML élémentaires
Qui se base sur la validation W3C
Le 2013-02-21 11:11:16, par FirePrawn, Expert éminent sénior
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> :
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
Source : thechangelog.com
Et vous ?
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 : |
<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
Source : thechangelog.com
Et vous ?