Entwicklerwerkzeuge | Frameworks | Pakete

Hier zeige ich welche Werkzeuge ich zum Erstellen der Webseiten einsetze.
Die meiste Software ist kostenlos (Freeware oder OpenSource), an dieser Stelle möchte ich ihren Entwicklern danken und die Software weiter empfehlen.

Aptana

Aptana Studio 3 ist eine OpenSource Entwicklungsumgebung vergleichbar mit Eclipse.
Aptana ist sehr gut geeignet um PHP, CSS und JavaScript-Dateien zu erstellen.
Die Entwicklungsumgebung beinhaltet einen ftp-Client zum Bereitstellen der erstellten Dateien.

www.aptana.com

Notepad ++

Notepad++ ist ein freier Quelltext-Editor und Notepad-Ersatz, der verschiedene Programmiersprachen unterstützt.
Notepad++ bietet zum Beispiel eine erweiterte Suchern/Ersetzten-Funktion wahlweise mit regulären Ausdrücken, Syntax-Highlighting, Zeilensprung und kann durch viele PlugIns erweitert werden. Zu empfehlen ist das ftp-PlugIn, das das Ansehen der Log-Dateien auf dem Webserver stark vereinfacht.

notepad-plus-plus.org

jQuery

jQuery ist ein mächtiges Framework in und für JavaScript. Nach einer kurzen Einarbeitungszeit können damit viele sonst eher komplexe Aufgaben in wenigen Zeilen Code erledigt werden. Mit jQuery ist es nicht mehr nötig bei der Ereignisbehandlung für jeden Browser eigenen Code zu schreiben. Am berümtesten ist jedoch die vereinfachte Auswahl von Elementen im DOM über CSS-Selektoren.

jquery.com

jQuery UI

jQuery UI stellt viele oft genutzte interaktive Elemente zur Verfügung, die einfach durch CSS-Klassen und ein paar Zeilen JavaScript umgesetzt werden können. Darunter sind eine Datumsauswahlbox, Tabs, Verlaufsbalken, Accordion und mehr sowie Effekte und Methoden zum Ein- und Ausblenden von Elementen.

jqueryui.com

Firebug

Firebug ist ein Add-on für Firefox, das einem ermöglicht nicht nur den Quelltext der Webseite zur Laufzeit und damit die Änderungen zu betrachten sondern auch, was das Entwickeln extrem beschleunig, CSS-Styles direkt auszuprobieren.
Firebug ist in Firefox praktisch das Schweizer Taschenmesser für einen Webentwickler.

www.getfirebug.com

TinyMCE

TinyMCE ist ein JavaScript WYSIWYG Editor, der ganz einfach alle oder nur bestimmte Textfelder in HTML-Editoren verwandelt. Es bietet überwältigend viele Funktionen, die sich beliebig ein- und ausschalten lassen.

Sehen Sie sich das Beispiel auf der Projekt-Seite an.
www.tinymce.com

PHP Mailer

PHP Mailer erleichtert das Versenden von E-Mails mit PHP. Es lassen sich zum Beispiel Plain-Text- und HTML-Inhalte separat setzen und Dateien an E-Mails anhängen.

phpmailer.worxware.com

SecurImage

secureimage bietet auf einfache Weise die Möglichkeit Captcha auf der Webseite zu verwenden.
Captcha sollen verhindern, dass Bots - Computerprogramme - automatisch Formulare ausfüllen und abschicken und damit eventuell sogar die Webseite lahmlegen - DOS-Attacke

www.phpcaptcha.org

Wikipedia: Captcha

fancyBox

fancyBox ist ein JavaScript-Paket mit dem Inhalte als über der Webseite schwebend angezeigt werden können.
Damit lassen sich sehr schnell und leicht Bildergalerien erstellen. Dazu müssen die (Vorschau-)Bilder nur mit einem Hyperlink und einer CSS-Klasse versehen und das Script eingebunden werden. Innerhalb der Galerie kann mit Hilfe der Pfeiltasten, oder der Maus weiter geklickt oder gescrollt werden.

Für weitere Einsatzzwecke und Beispiele können Sie sich die Beispiele auf der Webseite des Projekts ansehen.
fancyapps.com

css3-mediaqueries-js

css3-mediaqueries-js ist ein Projekt bei Google Projekt Hosting.
Es geht darum, dass einige ältere Browser CSS3 Media Queries nicht interpretieren. Das JavaScript rüstet diese Funktion per JavaScript nach.
Das funktioniert bei IE 5+, Firefox 1+ und Safari 2.

code.google.com/p/css3-mediaqueries-js

HTML5 Shiv

HTML5 Shiv ist ein Projekt auf GitHub.
Durch Einbinden der JavaScript- und CSS-Dateien werden einige Probleme bei der Darstellung von HTML5-Elementen in unterentwickelten Browsern gelöst. Gerade beim InternetExplorer vor der Version 9 wirken diese Zeilen Wunder.

github.com/aFarkas/html5shiv

Antialiased Arcs

Wer schon mal versucht hat einen Ellipsen-Abschnitt von php zeichnen zu lassen wird das vermutlich kennen: zackige Kanten - einfach nur hässlich!
Durch Einsatz dieser einfach zu verwendenden Klasse ist damit Schluss.

www.ulrichmierendorff.com/…

Sie fragen sich wozu man Ellipsen-Abschnitte zeichnet?
Zum Beispiel um Statistiken grafisch darzustellen.