Tester du code HTML, JS ou CSS en ligne

Que ce soit pour vos développements web personnels ou professionnels, il est très souvent utile de pouvoir tester rapidement si un bout de code HTML, JS ou CSS fonctionne comme on l’attend.

On peut le faire en local, bien entendu, mais il y existe aussi de très bons services et outils en ligne qui font le même boulot. Ça peut s’avérer très pratique quand on souhaite tester un extrait de code à ré-utiliser ou à déboguer avant de réellement se lancer.

Une solution simple et pratique pour travailler sur du code et prévisualiser rapidement le résultat sans avoir à se servir d’un serveur web ou d’un quelconque IDE (Eclipse, Aptana, Netbeans…).

Tester du code HTML, JS, CSS et plus

Les multi-fonctions

• Ideone – Un des plus complet, vous pouvez y tester une foultitude de langages (Bash, C, C++, C#, Java, Objective-C, PHP, Python, SQL…).
• Codepad – Dans la lignée de Ideone.
• jsFiddle – Permet de tester du code HTML, Javascript ou CSS. Il intègre même des librairies javascript comme jQuery, Prototype, Dojo, YUI, ExtJS ou Raphael.
• CodePen – Dans la veine de jsFiddle.
• JS Bin – Pareil que jsFiddle.

Les simplistes

• Real-time HTML editor – Simple et efficace, il permet uniquement de tester du code HTML.
• Draac – Un HTML tester de plus.
• La moulinette – Le  petit frenchy de la bande.
• CSS Desk – Testeur live de code CSS.
• Cssizer – Pour vérifier vos codes HTML/CSS