5 extrem nützliche Tools für JavaScript Entwickler

Wenn es eine Programmiersprache gibt, die ich wirklich liebe, dann ist dies auf jeden Fall JavaScript. Früher von vielen belächelt, hat sich JavaScript heute zu einem wirklich mächtigen Tool unter Webentwicklern gemausert. Viele hilfreiche Seiten wie z.B. Google Maps wären ohne JavaScript überhaupt nicht möglich gewesen und selbst auf der Serverseite findet es in letzter Zeit immer mehr Verwendung - siehe node.js. Heute möchte ich euch fünf interessante und nützliche Tools vorstellen, die einem das Arbeiten mit JavaScript sehr erleichtern können.

JSFIDDLE - JavaScript direkt im Browser entwickeln

Dieses Tool ist noch relativ jung, hat sich aber für mich bereits jetzt zu einem der wichtigsten Tools beim Entwickeln und Testen von JavaScript Scripten entwickelt. Das Besondere an JSFIDDLE ist, dass man vier verschiedene Felder zur Verfügung gestellt bekommt. Im Ersten schreibt man seinen HTML Code, im Zweiten den benötigten CSS Code und im Dritten schließlich das JavaScript.

Wenn man möchte lassen sich externe JavaScript Bibliotheken wie Prototype, jQuery, Mootools und viele weitere per Klick einbinden.

Ein Klick auf 'Run' und das fertige Script wird ausgeführt und das Ergebnis im vierten Feld angezeigt. Diese so geschriebenen Scripte können gespeichert werden und sind über eine feste URL jederzeit wieder aufrufbar. Bei jedem Speichern bleibt übrigens die vorherige Version erhalten und kann über die alte URL aufgerufen werden.
Mehr lesen5 extrem nützliche Tools für JavaScript Entwickler

Vanilla Forums – Ein eigenes Forum einrichten

Auf webmatze.de gab es schon fast von Anfang an ein Forum. Anfangs hauptsächlich dafür da, um den Besuchern eine Möglichkeit in die Hand zu geben, sich zu den Inhalten zu äußern oder auch um Fragen zu stellen. Man muss sich dazu vorstellen, dass es in den ersten Jahren nicht möglich war, Kommentare zu den Beiträgen auf der Seite abzugeben. Dementsprechend gut wurde das Forum dabei auch angenommen.

Heute werden im Forum z.B. Fragen zu einzelnen Scripten und Programmen gestellt, um Hilfe bei Problemen mit HTML, JavaScript oder PHP gebeten oder über allgemeine Themen diskutiert.

Die verschiedenen Foren auf webmatze.de

Im Laufe der Jahre habe ich jedoch mehrmals die Forensoftware gewechselt, da ich meistens nicht ganz zufrieden mit den Funktionalitäten war, wichtige Funktionen fehlten oder nicht richtig funktionierten.

Vanilla Forums LogoZuletzt war ich beim Vanilla Forum gelandet welches in der Version 1 seit ein paar Jahren auf webmatze.de läuft. Was mich an diesem Forum begeisterte war die einfache Funktionsweise, der übersichtliche Aufbau und der Verzicht auf viele Features anderer Foren, die bei anderen Foren eher verwirren als wirklich zu helfen. Zudem ließen sich neue Funktionen über ein Plugin-Framework leicht nachrüsten.

Die neue Version - Vanilla Forums 2

Seit Mitte Oktober 2010 habe ich das Webmatze.de Webmaster Forum auf die neue Version 2 des Vanilla Forums umgestellt. Diese wurde von den Entwicklern noch einmal komplett von Grund auf neu entwickelt und an die heutigen Bedürfnisse angepasst.Mehr lesenVanilla Forums – Ein eigenes Forum einrichten

Eine eigene Online-Community

An dieser Stelle wollen wir euch in Zukunft auch interessante Software und Scripte vorstellen, die Euch dabei helfen noch schneller und bequemer Eure eigenen Seiten oder Communities zu erstellen. Anfangen wollen wir heute mit der PHP Community Software Marlida. Mit der PHP-Software Marlida kann kostengünstig und ohne grossen Aufwand eine eigene Online-Community erstellt werden, seiMehr lesenEine eigene Online-Community

Ein einfacher Cross-Browser Tooltip mit Javascript und CSS

Vor einiger Zeit habe ich hier auf webmatze.de einen einfachen auf JavaScript und CSS basierenden Tooltip vorgestellt, mit dem sich schnell und einfach Tooltips in die eigenen Seiten integrieren ließen. Dieser funktionierte soweit auch ganz gut in vielen Browsern, doch die Zeit ist nicht stillgestanden und seit der Veröffentlichung hat es einige neue Browserversionen und sogar ganz neue Browser gegeben.

Leider führte dies auch dazu, dass das alte Tooltip Script nun leider nicht mehr in allen wichtigen Browsern funktioniert. Aber auch in den Browsern, wo es funktionierte, ist es unter Umständen zu Fehlern gekommen.

Dies will ich nun zum Anlass nehmen und euch ein komplett neues Tooltip Script zur Verfügung stellen.

XBT - Der Cross-Browser Tooltip

Okay, über Namen lässt sich bestimmt streiten, aber irgendwie muss das Kind ja heißen. Das neue Script basiert auf ein paar Zeilen JavaScript und ist nur geringfügig größer als das alte Script. Dafür ist es jedoch viel flexibler zu konfigurieren, kollidiert nicht mit anderen Scripten und lässt sich leicht über CSS beliebig anpassen. Und wer möchte, kann das Script auch ohne Probleme um neue Funktionen erweitern.

Hier könnt ihr den Code sehen:

Mehr lesenEin einfacher Cross-Browser Tooltip mit Javascript und CSS

Wie erstelle ich eine Webseite?

An diesem Punkt hat jeder schon einmal gestanden. Man hat so viele verschiedene gute oder auch weniger gute Webseiten im Internet besucht und die eine oder andere gute Information für sich aus diesen Seiten gezogen. Doch wenn man Anderen sein eigenes Wissen oder die eigenen Ansichten und Gedanken mitteilen möchte, wird man nicht drum herum kommen, sich eine eigene Homepage zu erstellen.

Doch wie genau funktioniert das? Und welche Tools brauche ich dafür? Genau diesen Fragen möchte ich in diesem und in kommenden Artikeln auf den Grund gehen.
Mehr lesenWie erstelle ich eine Webseite?

Back to Top