Welcher Webentwickler träumt nicht davon - "kurz mal eben" Snippets Online-basierend auszutesten und zu sharen!

Webdesignledger.com präsentierte kürzlich acht nützliche Tools mit netten Features um beispielsweise eine schnelle Vorschau bei Code-Änderungen anzuzeigen, online zu kompilieren oder einfacher mit anderen Entwicklern zu kollaborieren.

Jsdo.it - the coding avenue

Wer einen Online-Editor und eine OpenSource-Sharing-Plattform für HTML5, CSS und JavaScript sucht, wird bei Jsdo.it fündig. In unterschiedliche Rubriken wie beispielsweise Application, User Interface, HTML5 Elements oder Game aufgeteilt, finden sich hier eine Vielzahl an Code-Snippets.

Jsbin - Collaborative JavaScript Debugging

Jsbin ist ein ganz simpler Online-Editor für HTML und JavaScript . Alle gängigen Bibliotheken wie jQuery, Bootstrap oder Sencha Touch lassen sich hier einbinden. Ebenso weist Jsbin mit einer Speicher- und Download-Option auf, lediglich das das Teilen der Snippets ist nicht möglich.

jsfiddle - playground for web developers

JsFiddle ist ein absoluter Abenteuerspielplatz für jeden Web-Entwickler, ein Werkzeug welches sich vielseitig einsetzen lässt. jsfiddle ist gleichermaßen Online-Editor für HTML, CSS, JavaScript oder CoffeeScript. Für jede Komponente bietet sich hier ein eigenes Code-Fenster und die Möglichkeit jeweils aus einer der zahlreichen gängigen Frameworks wie z.B. jQuery, MoTools, Prototype oder YUI auszuwählen. Fertiggestellte Snippets lassen sich anschließend einfach als Fiddle speichern und teilen.

CodePad & Ideone 

CodePad und Ideone sind beides Online-Editor und auch Kompiler für z.B. C, C++, PHP, Perl, Python und Ruby. CodePad ist hierbei die etwas dezentere Variante mit "nur" 13 unterstützten Sprachen. Ideone hingegen unterstützt mehr als 40 Programmiersprachen - auch Java, Smalltalk oder SQL und bietet Syntax-Highlighting und Ausführzeitanzeige für den Quellcode. Auch unterschiedliche Sharing-Optionen für alle gängigen sozialen Netzwerken werden unterstützt.

Code Playground von Google

Äußerst praktisch ist auch Googles Code Playground Dienst, in dem vorgefertigte Code-Snippets zu Google-Diensten wie z.B. Suche, YouTube, Maps oder Calendar im Browser zu testen , debuggen und anpassen sind.

Practicode

Neben HTML,CSS und JavaScript ermöglicht Practicode - ein Online Editor die Generation einer schlichten Quellcode Vorschau, allerdings ohne Sharing - oder Speicherfunktion.

CSSDesk

Für schnelles editieren von HTML und CSS mitsamt Vorschau im Browser ist CSSDesk eine sehr gute Lösung, Auch eine Download- und Sharing-Option wird hier geboten.