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...") |
No edit summary |
||
| (4 intermediate revisions by 4 users not shown) | |||
| 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-Add-On) | ||
* [https://addons.mozilla.org/de/firefox/addon/60 Web Developer Toolbar] (Firefox) | * [https://addons.mozilla.org/de/firefox/addon/60 Web Developer Toolbar] (Firefox-Add-On) | ||
* [http://www.aptana.org/studio Aptana Studio] (Free, open source, cross platform) | * [http://www.aptana.org/studio Aptana Studio] (Free, open source, cross platform) | ||
* [http://notepad-plus.sourceforge.net Notepad++] und [http://sourceforge.net/projects/cssexplorerplug CSS Xplorer Plugin] (Windows) | * [http://netbeans.org/downloads/index.html Netbeans] (Free, open source, cross platform) | ||
* [http://macrabbit.com/espresso/ Espresso von MacRabbit] (Mac) | * [http://notepad-plus.sourceforge.net Notepad++] und [http://sourceforge.net/projects/cssexplorerplug CSS Xplorer Plugin] (Windows,Free, open source) | ||
* [http://macrabbit.com/cssedit/ CSSEdit von MacRabbit] (Mac) | * [http://www.sublimetext.com Sublime] (cross-plattform, free) | ||
* [http://www.panic.com/coda/ Coda von Panic] (Mac) | * [http://macrabbit.com/espresso/ Espresso von MacRabbit] (Mac, kostenpflichtig) | ||
* [http://macrabbit.com/cssedit/ CSSEdit von MacRabbit] (Mac, kostenpflichtig) | |||
* [http://www.panic.com/coda/ Coda von Panic] (Mac, kostenpflichtig) | |||
* [http://bluefish.openoffice.nl/ 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"). | 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. | ||
| Line 20: | Line 24: | ||
{{Template:Webprogramming}} | {{Template:Webprogramming}} | ||
[[Category:Tools]] | |||
Latest revision as of 05:23, 16 May 2014
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.