Webprogramming Tools

Editoren

Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen:

• Firebug Add-On (Firefox-Add-On)
• Web Developer Toolbar (Firefox-Add-On)
• Aptana Studio (Free, open source, cross platform)
• Netbeans (Free, open source, cross platform)
• Notepad++ und CSS Xplorer Plugin (Windows,Free, open source)
• Sublime (cross-plattform, free)
• Espresso von MacRabbit (Mac, kostenpflichtig)
• CSSEdit von MacRabbit (Mac, kostenpflichtig)
• Coda von Panic (Mac, kostenpflichtig)
• Bluefish (Linux,Free, open source)

Browser integration: Safari

bietet ab Version 4 einen komfortablen Debugger für Webseiten an (Konsole, HTML, CSS, Script-Debugger und Ressourcen-Analyse). Zum Aktivieren in den Safari-Einstellungen "Erweitert" den Punkt "Menü 'Entwickler' in der Menüleise anzeigen". Danach kann man per Rechtsklick Elemente inspizieren ("Element-Informationen").

Browser integration: Firefox

Die Add-ons Web Developer und Firebug sind für Webentwickler mit Mozilla Firefox schier unverzichtbar.

Siehe auch: CSS#Editieren von Stylesheets

---

Diese Seite ist Teil der Werkmodule Grundlagen der Webprogrammierung und WebApps - Grundlagen Webprogrammierung von Michael Markert für Interface Design / Fakultät Medien an der Bauhaus-Universität Weimar.