Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind

Holmes – La CSS qui debug sec !

Voici le dernier truc qui m’a fait halluciner. Il s’agit d’un debugger HTML5 réalisé entièrement en CSS3. Oui, c’est zarbi, mais ça fonctionne… Pour l’utiliser, il suffit d’appeler la feuille de style holmes.css (Surement en hommage au debugger Dr Watson, à moins que ce ne soit un hommage à Katie… va savoir…) dans vos pages et d’ajouter la class « holmes-debug » aux tags que vous voulez analyser (par exemple la balise <BODY> ou <HTML>).

<body class= »holmes-debug »>

Une fois cela fait, Holmes se chargera de surligner en rouge les erreurs, en jaunes les avertissements et en gris les styles périmés. Holmes sait reconnaitre les attributs obligatoires, mais manquants sur les tags ainsi que les éléments non-W3C ou qui ne sont plus supportés. Une manière simple et très visuelle de débugguer votre code HTML avant la mise en prod.

Holmes est compatible avec

  • Google Chrome 10+
  • Safari 5+
  • Opera 10+
  • Firefox 3.5+

Et apparemment avec IE9 (je n’ai pas testé), mais par contre, ça ne fonctionne pas avec IE8.

Holmes est téléchargeable ici


Sélection Logitech – Jusqu’à -55% du 16 au 22 septembre.

Souris, claviers ou encore webcams

Du 16 septembre au 22 septembre, Logitech équipe tous ceux qui veulent booster leurs rentrées avec du bon et nouveau matos

Tous les best sellers de la marque Suisse sont au rendez-vous, quelque soit la catégorie, bureautique, work ou gaming.
Retrover les casque Logitech G, les claviers Keys To Go ou MX keys ou encore les souris verticales MX Masters en promos.

En Savoir +