m (Created page with "Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen: * [https://addons.mozilla.org/de/firefox/addon/1843 Fi...") |
mNo edit summary |
||
| Line 1: | Line 1: | ||
== Editoren == | |||
Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen: | Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen: | ||
* [https://addons.mozilla.org/de/firefox/addon/1843 Firebug Add-On] (Firefox) | * [https://addons.mozilla.org/de/firefox/addon/1843 Firebug Add-On] (Firefox) | ||
| Line 7: | Line 8: | ||
* [http://macrabbit.com/cssedit/ CSSEdit von MacRabbit] (Mac) | * [http://macrabbit.com/cssedit/ CSSEdit von MacRabbit] (Mac) | ||
* [http://www.panic.com/coda/ Coda von Panic] (Mac) | * [http://www.panic.com/coda/ Coda von Panic] (Mac) | ||
* [http://bluefish.openoffice.nl/ Bluefish] (Linux) | |||
== 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"). | 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 [https://addons.mozilla.org/de/firefox/addon/60 Web Developer] und [https://addons.mozilla.org/de/firefox/addon/1843 Firebug] sind für Webentwickler mit Mozilla Firefox schier unverzichtbar. | Die Add-ons [https://addons.mozilla.org/de/firefox/addon/60 Web Developer] und [https://addons.mozilla.org/de/firefox/addon/1843 Firebug] sind für Webentwickler mit Mozilla Firefox schier unverzichtbar. | ||
Revision as of 14:25, 1 November 2010
Editoren
Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen:
- Firebug Add-On (Firefox)
- Web Developer Toolbar (Firefox)
- Aptana Studio (Free, open source, cross platform)
- Notepad++ und CSS Xplorer Plugin (Windows)
- Espresso von MacRabbit (Mac)
- CSSEdit von MacRabbit (Mac)
- Coda von Panic (Mac)
- Bluefish (Linux)
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.