CSS Editoren

Teil 2: CSS-Editoren im Überblick

  1. CSS-Editoren im Überblick
  2. Teil 2: CSS-Editoren im Überblick

Simple CSS

Simple CSS wird von dem Hoster Host M als Freeware angeboten. Der Bedienungsansatz ist so einfach wie ungewöhnlich: zentral ist ein Projekt, in das Sie CSS importieren und exportieren können. Der Code wird dann über Registerkarten bearbeitet. Sie fügen dazu zuerst einen Stil ein, dann ändern Sie ihn über die vier Register Text, Display, Borders und Dimension. Das fünfte Register zeigt den Quellcode, ohne dass er bearbeitbar wäre.

CSS-Editoren im Überblick

© Archiv

Registerkarten sind das Herzstück von Simple CSS.

Durch diesen Ansatz fallen natürlich alle Funktionalitäten weg, die von einem textbasierten CSS-Editor erwartet werden. Auch die Übersicht über die CSS-Befehle ist nur rudimentär. Für den professionellen Einsatz bietet das Tool deutlich zu wenig Möglichkeiten.

Style Master

Die Oberfläche von Style Master wirkt aufgeräumt und lässt sich per Drag & Drop anpassen. Ein Herzstück in der Bedienung ist der Properties-Inspektor. Er erlaubt das Zusammenstellen von Stilen. Sie können bereits in den anfänglich getroffenen Grundeinstellungen oder später in den Optionen wählen, ob der Properties-Inspektor immer Werte für die aktuell im Code gewählte CSS-Eigenschaft anzeigt. In Verbindung mit der Code-Info ergibt sich daraus ein sehr komfortables Handwerkszeug für nicht so erfahrene Webdesigner. Dazu trägt auch die sehr gute Hilfe inklusive Einstiegstutorial und breit gefächertem Support bei. Die Hilfe selbst besteht aus HTML-Seiten mit Nachschlage-Index aber ohne Suchfunktion. Herausragend sind die vielen bei Style Master mitgelieferten Vorlagen, die beim Erstellen einer neuen Datei von einem Template zur Verfügung stehen.

Weniger gut schlägt sich Style Master bei der Code-Bearbeitung. Zwar gibt es wichtige Funktionen wie automatische Formatierung und Syntax-Kontrolle. Dafür fehlen weitere Tests und Code-Bereinigung. Beim Suchen und Ersetzen stehen keine regulären Ausdrücke zur Verfügung.

Style Studio

Die Oberfläche von Style Studio ähnelt der einiger Konkurrenten. Auch eine Vorschau ist direkt verfügbar. Informationen zu den Eigenschaften zeigt das Bedienfeld Property Watch. Die Paletten sind jeweils gruppiert mit anderen Funktionen, beispielsweise einer Übersicht der vorhandenen Farbwerte. Punkten kann Style Studio mit besonderen Funktionen: beispielsweise gibt es Symbole zum Erhöhen und Verringern von CSS-Werten. Sehr löblich ist die Validierung, die gut strukturierte Meldungen liefert.

Die Autovervollständigung funktioniert nur auf Tastendruck, lässt sich dafür aber für unterschiedliche CSS-Varianten auch von speziellen Browsern einstellen.

Topstyle Pro

Topstyle gibt es in zwei Versionen. Die Lite-Version ist kostenlos, die Pro-Version ist mit 80 US-Dollar das teuerste Programm im Test.

Die Oberfläche bietet Möglichkeiten, Paletten zu verschieben und an anderen Stellen wieder anzudocken. Standardmäßig zeigt Topstyle auf der linken Seite nützliche Informationen wie CSS-Selektoren, in der Mitte den zu bearbeitenden Code und unten eine Vorschau. Die Vorschau kann mit einer Standarddatei angelegt, direkt aus den Style-Sheet-Selektoren generiert oder mit Ihrer eigenen HTML-Datei verknüpft werden.

An Funktionen bietet Topstyle von Standards wie Suchen & Ersetzen bis zu Anspruchsvollerem wie automatischer CodeEinrückung alles. Sinnvoll ist beispielsweise die Farbübersicht in einer eigenen Palette. Dort sehen Sie alle zum Einsatz kommenden Farben und können so die komplette Farbwelt Ihrer Site beurteilen. Der Stil- inspektor zeigt alle CSS-Befehle für bestimmte Browser oder CSS-Level, die Sie nach Kategorien oder alphabetisch ordnen können. Zu den wenigen Schwächen gehört, dass Topstyle beim Suchen über mehrere Dateien kein Ersetzen bietet.

Hersteller Abstract thought Lab Coffee Cup Thru-Soft, Thomas Rudolph Lucka Soft Blumentals Host M WestCiv Style-sheets.com Newsgator
Adresse www.athlab.com www.coffeecup.com/stylesheet-maker/ www.thru-soft.de/pages/software/csseditor/daten.php www.enginsite.com/css-editor.htm www.blumentals.net/rapidcss/ www.hostm.com/css/ www.westciv.com/style_master/ www.highdots.com/css-editor/ www.newsgator.com/Individuals/TopStyle/Default.aspx
Version 3.8 Beta 8 5.0 39448,0 1.21 2008 2.0 4.6 3.8 3.12
Preis Freeware, Donation 34 US-Dollar Freeware 39.95 US-Dollar 29.95 US-Dollar Freeware 59.99 US-Dollar 49.99 US-Dollar 79.95 US-Dollar
Plattform Windows (ab 98) Windows (XP, Vista) Windows (ab 98) Windows (ab 98) Windows (ab 2000) Windows, Mac OS X Windows, Mac OS X Windows (ab 98) Windows (ab 98)
Bedienung                  
Installation menügeführt menügeführt menügeführt menügeführt menügeführt menügeführt menügeführt menügeführt menügeführt
Deutsche Oberfläche Nein Nein Ja Ja Nein Nein Nein Nein Nein
Autovervollst. Nein Nein Nein Ja Ja Nein Ja Ja Ja
Vorschau im Editor Ja Nein Ja Ja Ja Ja Ja Ja Ja
Vorschau im Browser Ja Ja Nein Ja Ja Nein Ja Ja Ja
Funktionen                  
CSS 1.0/CSS 2.x Ja/Ja Ja/Ja Ja/Ja Ja/Ja Ja/Ja Ja/Ja Ja/Ja Ja/Ja Ja/Ja
Spezielle CSS Nein Nein Ja Ja Ja Nein Ja Ja Ja
CSS-Bibliothek Ja (integriert) Nein Nein Ja Ja Nein Ja (integriert) Ja (integriert) Ja
Bearbeitung HTML Ja Ja Ja Nein Ja (teilweise) Nein Nein Ja Ja
Bearbeitung / Integration mehrerer CSS Ja (in einer Ansicht) Ja Nein Ja Ja Ja Ja Ja Ja
Rückgängig machen Nein Ja Ja Ja Ja Nein Ja Ja Ja
Suchen & Ersetzen Ja (nur Suchen) Nein Ja Ja (mit Reg Ex und mehreren Dateien) Ja (mit Reg Ex und mehreren Dateien) Nein Ja Ja (mit Reg Ex und mehreren Dateien) Ja (mit Reg Ex und mehreren Dateien)
Projektverwaltung Ja Nein Nein Nein Ja Ja Nein Nein Ja
W3C-Konformität Nein Nein Nein Ja (Online) Ja (Online) Nein Nein Ja Ja (Online)
Weitere Tests Syntax, Code Nein Syntax, CSS-Parser Syntax Syntax, Tidy Syntax, Tidy Syntax Syntax, Tidy Syntax, Tidy
Hilfen und Support                  
Testversion Freeware Ja Freeware Ja Ja Freeware Ja Ja Ja
Programmhilfe Ja Ja (mit Live-Hilfe) Ja Ja (nur Englisch) Ja Ja Ja Ja Ja
Direkthilfe Ja Nein Nein Ja Ja Nein Nein Ja Ja
Beispiele / Vorlagen Nein Ja (sehr wenig) Nein Ja Ja Nein Ja Ja (wenig) Ja

Mehr zum Thema

festplatte, hardware, pc, hdd
Gelöschte Dateien wiederherstellen

Wir zeigen Ihnen, wie Sie verloren geglaubte Daten retten können - etwa mit dem kostenlosen Tool Recuva.
Whatsapp Alternativen
Für Android, iPhone, iPad & Co.

Es gibt keine Whatsapp-Alternative? Quatsch! Diese 10 Messenger-Apps für Android, iOS und Windows Phone sind der perfekte Ersatz.
Windows Energieeinstellungen optimieren
Die besten Tipps

Die Energieeinstellungen in Windows lassen sich flexibel anpassen. Wir zeigen Ihnen, wie Sie Ihren eigenen Energiesparplan optimieren.
Any Video Recorder
Anleitung

Wir zeigen in dieser Anleitung, wie einfach Sie mit dem Tool Any Video Recorder jeden beliebigen Stream aufnehmen können
Outlook - Logo
Office-Tipp

Wir zeigen, wie Sie in Outlook die Kalenderwoche anzeigen lassen können. Unser Office-Tipps sorgt für Durchblick bei der Terminplanung.