Geeignet für Smartphone, Tablet und PC

Version 10.0

Mit der mittlerweile zehnten Version der SLiDERS DiMENSiON erfolgte einer der größten Umbrüche in der Geschichte der Website. Erstmals wurde das Design vollständig responsiv umgesetzt. Dadurch passen sich die Seiten automatisch an die Größe des jeweiligen Bildschirms an und lassen sich sowohl auf Computern als auch auf Tablets und Smartphones komfortabel nutzen, ohne dass gezoomt werden muss.

Für die technische Grundlage wurde ein frei verfügbares Template der Webseite HTML Design verwendet. Nach längerer Recherche fiel die Wahl auf die Vorlagen Techblog und Cloapedia, die mithilfe der CSS-Dateien umfassend an die Anforderungen der SLiDERS DiMENSiON angepasst wurden. Die ersten Seiten im neuen Design entstanden Anfang Februar 2021 und gingen kurz darauf online.

Mit Version 10.0 endete außerdem der Einsatz von Microsoft Expression Web, das seit Design 9.0 verwendet worden war. Stattdessen kam fortan der Quellcode-Editor Notepad++ zum Einsatz. Die Grafiken wurden aber weiterhin mit Adobe Photoshop CS6 erstellt oder bearbeitet.

Die Farbgestaltung orientierte sich weitgehend am Vorgängerdesign. Der große grafische Seitenkopf mit dem wechselnden Titelbild verschwand jedoch vollständig. An seine Stelle trat eine moderne Menüleiste mit ausklappbarer Navigation. Darunter befinden sich seitdem die Seitenüberschrift mit einer abstrakten Darstellung des Sliders-Wirbels sowie die Brotkrümelnavigation auf der rechten Seite. Zusätzlich wurde die Navigationsleiste leicht transparent gestaltet. Beim Scrollen erhält der Hintergrund einen dezenten Unschärfeeffekt, wodurch das Design meiner Meinung nach moderner wirkt.

Im August 2021 wurde schließlich auch die Startseite auf das neue Layout umgestellt und vervollständigte damit den Wechsel auf Design 10.0.

Auch wenn das Grunddesign seit 2021 erhalten geblieben ist, wurde die Seite in den folgenden Jahren kontinuierlich erweitert und verbessert. Zahlreiche Unterseiten wurden überarbeitet, neue Inhalte ergänzt und ältere Bereiche optisch an das neue Layout angepasst. Dabei lag der Schwerpunkt vor allem auf einer besseren Übersicht, schnelleren Ladezeiten und einer komfortableren Bedienung auf allen Geräten.

Im Laufe der Zeit wurden außerdem viele Grafiken neu erstellt oder überarbeitet. Einige ältere Elemente wurden durch modernere Versionen ersetzt, ohne dabei den typischen Stil der SLiDERS DiMENSiON zu verändern. Auch der Quellcode wurde immer wieder optimiert und vereinfacht, wodurch sich die Seite leichter pflegen und erweitern lässt.

Mit der zehnten Version begann außerdem die schrittweise Modernisierung der gesamten Webseite. Inhalte aus älteren Designs wurden nach und nach übernommen, aktualisiert und an die neue Technik angepasst. Dieser Prozess erstreckte sich über mehrere Jahre und ist bis heute nicht vollständig abgeschlossen, da die SLiDERS DiMENSiON kontinuierlich erweitert und verbessert wird.

Damit wird die zehnte Version zugleich die bislang am längsten genutzte Version der Webseite, denn sie wird so schnell erstmal nicht gegen eine Version 11 ersetzt. Sie verbindet ein modernes, responsives Design mit einer flexiblen technischen Grundlage, die auch zukünftige Erweiterungen und neue Inhalte problemlos ermöglicht. So wurden zwischen 2021 bis heute auch kleinere Änderungen am Design überwiegend über die CSS-Dateien immer mal wieder verändert, um optisch des Beste herauszuholen. Ein gutes Beispiel sind da die Überschriften und Kategorieen oder die verschiedenen Karten selbst, die sich auf jeder Übersichtseite befinden. Wobei die für die 2026er Version auch Änderungen am HTML-Code nötig waren:

Mit dem Aufkommen leistungsfähiger KI-Werkzeuge ab 2024/2025 ergaben sich auch für die Weiterentwicklung der SLiDERS DiMENSiON ganz neue Möglichkeiten. Anwendungen wie ChatGPT, Gemini und Claude unterstützten bei der Überarbeitung und Erstellung von Texten, der Optimierung von HTML-, CSS- und JavaScript-Code sowie bei der Fehlersuche und Entwicklung neuer Funktionen. Darüber hinaus kamen KI-gestützte Werkzeuge bei der Bearbeitung und Restaurierung älterer Bilder, bei Übersetzungen sowie bei Recherchen zu Themen rund um die Serie und ihre Darsteller zum Einsatz. Dadurch konnten viele Bereiche der Webseite qualitativ verbessert und neue Ideen deutlich schneller umgesetzt werden.

Trotz dieser Unterstützung entstand die SLiDERS DiMENSiON nicht automatisch durch künstliche Intelligenz. Die Konzeption der Inhalte, das Webdesign, die Auswahl und Kontrolle aller Ergebnisse sowie die endgültige Umsetzung lagen jederzeit in eigener Hand. Die KI diente als modernes Hilfsmittel, das viele Arbeitsschritte erleichterte, kreative Impulse lieferte und dabei half, die Qualität der Webseite weiter zu steigern.

Zu den Kommentaren: Seit 2013 wurde dazu bisher immer der externe Dienst DISQUS eingesetzt. Da Disqus aber seit Anfang 2026 immer mehr Werbung einblendet und ich dafür kein kostenpflichtiges Werbefrei-Abo abschließen möchte, habe ich mich dazu entschieden, auf ein eigenes Kommentarsystem umzusteigen.

Auch dieses System entstand mit Unterstützung von künstlicher Intelligenz. Da es kein fertiges Script gab, das genau meinen Vorstellungen und den Anforderungen der SLiDERS DiMENSiON entsprach, wurde eine individuelle Lösung entwickelt.

Auf einigen Seiten, wie zum Beispiel dem Impressum oder einigen News-Einträgen, wurde das System schon integriert. Das System funktioniert bisher zuverlässig und verfügt unter anderem über einen integrierten Bot-Schutz. Die Verwaltung der Kommentare kann vollständig über eine eigene Administration erfolgen.

Nach und nach werde ich die älteren Kommentare aus Disqus manuell über die Datenbank in das neue System übertragen. Glücklicherweise handelt es sich dabei nicht um eine allzu große Menge.

Eine Registrierung ist übrigens nicht notwendig. Einfach einen Namen, optional eine E-Mail-Adresse und den Kommentartext eingeben und schon kann der Beitrag veröffentlicht werden.

Ein weiterer wichtiger Schritt folgte im Juni 2026. Seit diesem Zeitpunkt ist die SLiDERS DiMENSiON über eine verschlüsselte HTTPS-Verbindung erreichbar und verfügt über ein SSL-Zertifikat. Dadurch werden die Daten zwischen dem Browser und dem Webserver verschlüsselt übertragen, was für mehr Sicherheit sorgt. Gleichzeitig erfüllen moderne Browser damit aktuelle Sicherheitsstandards und kennzeichnen die Webseite als sichere Verbindung. Möglicherweise kann es bei einigen Seiten, die noch in älteren Designs online sind, zu Darstellungsfehlern kommen.