TopStyle ist eine Webbearbeitungs- und Designsoftware, mit der du HTML-, XHTML- und CSS-Dateien erstellen und bearbeiten kannst. Die neueste Version ist 5.0.0.104, die verschiedene Werkzeuge und Funktionen enthält, um die Effizienz und Produktivität bei der Arbeit mit diesen Webcodierungssprachen zu verbessern.

Eine der wichtigsten neuen Funktionen in TopStyle 5 ist die Unterstützung von CSS3. Dadurch wurden der Inspector, Insight und der Style Checker erheblich verbessert. Außerdem enthält TopStyle 5 Prefixr, ein Tool, mit dem Entwickler/innen Standard-CSS3-Regeln erstellen und diese in Regeln mit Präfixen umwandeln können, um die Kompatibilität mit anderen Browsern zu gewährleisten.

Eine weitere spannende Funktion ist die Möglichkeit, CSS3 media queries zu verwenden. Damit können Entwickler/innen unterschiedliche Stylesheets für verschiedene Gerätetypen erstellen, z. B. für große Bildschirme und mobile Geräte. Ein CSS3-Gradient-Generator und ein Textschatten-Generator sind ebenfalls enthalten.

TopStyle 5 verfügt außerdem über verbesserte Optionen für die Dateivorschau, die es dir ermöglichen, häufig verwendete Dateien an den Anfang der Liste zu verschieben, einschließlich HTML-Dokumente aus demselben Verzeichnis, und CSS effizienter zu organisieren. Außerdem wurde die Unterstützung für Google Chrome als interner Vorschau-Browser hinzugefügt.

Außerdem gibt es Unterstützung für CSS-Gruppen, was die Organisation von Selektoren erleichtert und es dir ermöglicht, sie in einer Ordnerstruktur im CSS-Selektoren-Bedienfeld anzuzeigen. Darüber hinaus wurde CSS Tidy, ein CSS-Parser und -Optimierer, integriert, um die Ladegeschwindigkeit von Seiten zu verbessern und den Datenverkehr zu reduzieren. Die Software enthält auch eine Funktion zum Organisieren von CSS-Selektoren in Gruppen, was die Verwaltung großer Stylesheets erleichtert.

Ein weiteres hilfreiches Tool ist die CSS3-Gradientengenerierung, mit der du Farbverläufe in CSS festlegen kannst, ohne Hintergrundbilder zu verwenden. Darüber hinaus verfügt TopStyle über einen Textschattengenerator und ein Tool zur Analyse des Farbkontrasts, um sicherzustellen, dass die gewählten Farben lesbar und zugänglich sind.

Das Vorschaufenster von TopStyle unterstützt seit jeher den Internet Explorer und Mozilla Gecko, und mit Version 4 wurde auch die Unterstützung für Safari hinzugefügt. Eine Google Chrome-basierte Vorschau wurde ebenfalls integriert und mit der Software installiert, ohne dass du etwas Zusätzliches herunterladen musst. Außerdem enthält das Vorschaufenster ein Tool namens XRAY, mit dem du das Seitenlayout visualisieren und Informationen über die Position, die Ränder, die Polsterung und die Abmessungen eines jeden Elements erhalten kannst, wenn du darauf klickst.

Weitere interessante Funktionen von TopStyle sind die Synchronisation zwischen der Vorschau und dem Editor (nur für HTML), der Dateiverlauf, mit dem sich Sicherungskopien jedes Dokuments verwalten lassen, und die Möglichkeit, alle Vorkommen eines ausgewählten Textes zu markieren, um das Suchen und Ersetzen zu erleichtern. Außerdem enthält die Software eine verbesserte Funktion zum automatischen Ersetzen, die es ermöglicht, Variablen zu verwenden und mehrzeilige Elemente zu erstellen.

Für die Codebearbeitung selbst gibt es eine Klammeranpassungsfunktion und eine Hilfefunktion für CSS-Eigenschaften, wenn du mit Strg+klick oder F1 klickst. Auch die Funktion zum Suchen und Ersetzen in Dateien wurde verbessert, die jetzt neben FTP auch SFTP unterstützt. Außerdem wurden neue Optionen für das automatische Ersetzen hinzugefügt, z. B. die Möglichkeit, Variablen zu verwenden und spezifische Elemente für CSS und HTML zu haben.

Außerdem bietet die Software die Möglichkeit, mit Arbeitsbereichen zu arbeiten, so dass Entwickler/innen an mehreren Projekten gleichzeitig arbeiten und leicht zwischen ihnen wechseln können. Die Software enthält auch ein FTP/SFTP-Browsing-Panel und einen Dateiverlauf, um Revisionen zu verwalten und zu früheren Versionen zurückzukehren.

Die Software wurde von Stefan van As übernommen, einem Windows-Anwendungsentwickler mit umfangreicher Erfahrung im IT-Bereich. Van As fügte einige Funktionen hinzu, die von den Benutzern stark nachgefragt wurden. Dazu gehören Unicode-Unterstützung, Live-Bearbeitung über FTP und erweiterbare Werkzeugschaltflächen.

Zuvor war TopStyle ins Stocken geraten, weil der ursprüngliche Schöpfer, Nick Bradbury, keine Zeit hatte, an der Entwicklung der Software zu arbeiten.