jsFiddle – online javascript met HTML en CSS testen


jsFiddle beschrijft zichzelf alsvolgt:

“JsFiddle is een speeltuin voor webontwikkelaars, een instrument dat gebruikt kan worden op vele manieren. Men kan het gebruiken als een online editor waarmee HTML, CSS en JavaScript snippets gebouwd kunnen worden. De code kan vervolgens worden gedeeld met anderen, ingesloten op een blog, enz. Met deze aanpak kan JavaScript-ontwikkelaars heel gemakkelijk bugs in hun code vinden en oplossen. Wij streven ernaar om alle actieve javascript frameworks (jQuery, Mootools, etc) te ondersteunen – het helpt bij het ​​testen van compatibiliteit.”

Link naar jsFiddle.

En dit is zeker waar. Op jsFiddle vind je 4 blokken en een kolom. De 4 blokken bevatten een stuk HTML, CSS, Javascript en het resultaat van de 3. Op die manier is het erg eenvoudig om dynamische code te maken en testen. Eén van de voorbeelden is erg sprekend. Het is een voorbeeld waarbij via YUI een twitter feed geladen wordt. In het HTML veld staan de HTML tags die het javascript omsluiten. In de CSS vind je de opmaak van de tweets en bij het resultaat …. je begrijpt het al.

Een schermafdruk voor een impressie van de jsFiddle tool:

 

Enkele voorbeeld codes:

Een reactie plaatsen