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

Les rubriques (actu, forums, tutos) de Développez
Tags
Réseaux sociaux


 Discussion forum

Le , par FirePrawn, Responsable Développement Web
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 :
<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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de rodolphebrd rodolphebrd
http://www.developpez.com
Modérateur
le 21/02/2013 11:33
Super!
Je vais tester de ce pas.

Merci.
Avatar de Torgar Torgar
http://www.developpez.com
Rédacteur/Modérateur
le 21/02/2013 11:36
Pour ma part j'utilise un plugin Firefox pour faire ça : Total Validator.

Bon certes, il m'affiche pas les éléments incriminés directement sur la page mais il permet de voir en temps réel (icônes en bar d'état) les fautes et affiche aussi la cause et un exemple de bonne pratique.

Et quand j'ai besoin d'une vérification supplémentaire j'utilise les services en ligne du W3C. Ainsi, je valide HTML et CSS.

C'est intéressant pour ceux qui n'ont pas de navigateur à plugin ou dont le plugin n'est pas disponible.
Avatar de rodolphebrd rodolphebrd
http://www.developpez.com
Modérateur
le 21/02/2013 19:19
Je viens de tester et c'est un gain de temps énorme.

Merci pour la ressource.
Offres d'emploi IT
INGENIEUR DEVELOPPEMENT JAVA / WEB H/F
CDI
CDS SOFT, Pôle Informatique du groupe STUDIEL - Provence Alpes Côte d'Azur - Sophia Antipolis
Parue le 01/09/2014
Assistant développeur front et back
Stage
Bird Office - Ile de France - Paris (75000)
Parue le 28/08/2014
Ingénieur systèmes it h/f
CDI
SCHIEVER - DA - Bourgogne - Avallon (89200)
Parue le 08/08/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula