Webstandard & Webdesign - CSS, HTML

zum Content springen zur Marginalspalte springen

Hier werben!

jsFiddle - Test your JavaScript-Code

JavaScript - 7 Jan, 2010

Twittern
Kommentare (3)

jsFiddle ist ein auf Mootools basierender Shell-Editor, der es JavaScript-interessierten Usern ermöglicht, auf populäre und aktuelle JavaScript-Frameworks wie bspw. MooTools, jQuery, Dojo, YUI oder auch Prototype zugreifen zu können und mit Ihnen den Anforderungen entsprechende Code-Snippets zu erstellen. jsFiddle enthält einen HTML-, CSS- und einem JavaScript-Editor, eine Ausgabe der zusammengestellten Daten, welche dann entweder gespeichert oder via URL-Shortener oder auch als Einbettung via IFrame, weitere Verbreitung finden können. Der von Piotr Zalewa entwickelte Shell-Editor ( siehe Abbildung ) zum Testen von jQuery, Mootools & Co. ist eine durchaus interessante Umgebung, die es Interessierten Anwendern ermöglicht, live das ein oder andere JavaScript-Snippet zu testen und das ohne selbst Dateien abspeichern oder ablegen zu müssen.

Wer mehr über den Shell-Editor jsFiddle, einer Weiterentwicklung des vielleicht dem ein oder anderen bereits bekannten MooShell in Erfahrung bringen möchte, sollte nicht warten und jsFiddle einfach mal testen!

Ähnliche Artikel zu diesem Thema:

Martin 07 Jan 2010, 13:59

Sieht interessant aus. Leider erscheint immer "{"error": "Please use POST request"}", so dass man damit noch nicht wirklich arbeiten kann.
Piotr
03 Feb 2010, 08:19

Vielen Dank (Ich habe diese Seite geschrieben)

@Martin
Dieses Error kann man nur sehen wenn Zurueck in Webkit gedrueckt wuerde.

(verzeihe meinen Deutsch - ich habe sehr lange nicht gesprochen)
Webstandard-Team
03 Feb 2010, 09:49

Hi Piotr, wir haben zu danken für das Script und für dein Deutsch musst du dich nun wirklich nicht entschuldigen!

"Modernes Webdesign mit CSS- Das neue Buch!"
Jetzt direkt bestellen!

Top Artikel - CSS3, HTML5 & Co.

Webdesign Bilder Galerie

Blog-Partner

Online Usability Tests in 24 Stunden

SEO-Software - AceBIT SEO Professionals Suite

CSSGURU.DE

psd zu html | codingpeople

Follow Webstandard on Twitter

Schon abonniert?

Webstandard-Blog on Facebook

Webdesign - CSS Tutorials!

Windows 7 Fenster - Das auch das Interfacedesign von Windows 7 mittels CSS3 Eigenschaften wie umgesetzt werden kann, zeigt der erste Teil dieser 2-teiligen Tutorial-Serie rund um CSS3. Im zweiten Teil wird dann das Verhalten des in wenigen Schritten erstellten Windows 7 Fensters um Dragging & Resizing mittels der Zuhilfenahme der jQuery UI erweitert.

CSS3 Border-Radius - Diese Website-Navigation mit Hauptaugenmerk auf der CSS3 Eigenschaft Border-Radius und den damit vorhandenen Möglichkeiten der Webdesign Gestaltung mit CSS3, zeigt auf wie man ohne Tricks und vor allem keinerlei Grafiken (!) und lediglich ein paar übersichtliche Zeilen CSS, eine etwas andere Navigation mit kreativen Webdesign entstehen lassen kann. CSS3 machts möglich!

CSS3 Transition - Dieses CSS3 Tutorial beschreibt ein Menü mit Slide-Effekt, welches in wenigen Schritten für jedermann realisierbar ist. Fliessend animierte Übergänge, die man sonst im Webdesign nur mittels der Unterstützung von JavaScript erreicht. Ermöglicht wird ein solches "Bewegungsmuster" von der CSS3-Eigenschaft Transition und kann in jedes Webdesign adaptiert werden.