Hilfsprogramm
TopStyle 3.1 – CSS stylen leicht gemacht

Es ist wirklich erstaunlich, dass aus der Tastatur eines Mannes so unterschiedliche wie universelle Programme entstanden sind. Nick Bradbury ist verantwortlich für drei der angesagtesten Programme unter Surfern und Webdesignern: den HTML-Editor HomeSite, der mittlerweile zum Dreamweaver-Paket dazugehört, den News-Feed-Aggregator FeedDemon und das bei Webdesignern überaus beliebte CSS-Styling-Tool TopStyle.

Letzteres deckt so gut wie jeden Wunsch eines CSS-Fetischisten als auch eines normalen Anwenders ab. Dabei lässt sich das Programm den eigenen Wünschen anpassen. So kann man nach eigenen Vorlieben sämtliche Fenster nach Wunsch positionieren und die Anzahl der angezeigten Funktionen ein- und ausschalten. Richtig unter die Arme greift das Programm dem Designer aber erst bei der Erstellung der CSS-Dateien.

Während es automatisch die CSS-Selektoren (1) sortiert und sie mit einem Klick verfügbar macht, hilft es dem Benutzer in der Hauptansicht (2) bei der Ergänzung der Styles, wie es in HTML-Editoren üblich ist. Der immense Vorteil von TopStyle ist dabei die Zeitersparnis und Übersicht. Denn das Programm zeigt im Vorschaufenster (3) direkt die jeweiligen Veränderungen an. Eine weitere überaus hilfreiche Funktion ist die Clip Library (4). Oftmals baut man CSS-Dateien nach einem ähnlichen Schema oder mit wiederkehrenden Schnipseln auf. In der Clip Library lassen sich diese Schnipsel abspeichern und bei Bedarf mit einem Klick einfügen.

Sehr hilfreich ist auch der Style-Inspector (5). Dieser analysiert das CSS-Dokument und macht den Webdesigner auf mögliche Fehler und Probleme mit verschiedenen Browsern aufmerksam. Natürlich überprüft TopStyle bei Wunsch auch die eigenen Stylesheets und sendet sie an den Validator des W3C-Konsortiums.

Wer einmal mit dem exzellenten Programm gearbeitet hat, wird es nicht mehr missen wollen. TopStyle ist eines der abgerundetsten Webwerkzeuge und ist in der Lite-Version kostenlos als Download erhältlich.

Website: bradsoft.com/topstyle/