Problem des bestehenden Designs war seine feste Breite von 1000px, die auf kleineren Bildschirmen zu unleserlichen Texten und schlechter Nutzbarkeit geführt hat. Bei großen Auflösungen waren stets rechts und links leere Flächen. Die Nutzerstatistik zeigt, dass die mobilen Nutzer die Seite signifikant schneller verlassen. Zudem sind die verwendeten Technologien XHTML und CSS2 nicht mehr State-of-the-Art – mit den Weiterentwicklungen HTML5 und CSS3 sind viele neue Möglichkeiten gegeben. Dies umfasst u. a. eine bessere für Suchmaschinen verständliche Semantik und modernere Gestaltungsmöglichkeiten beim Design.
Das neue (responsive) Design nutzt diese neuen Möglichkeiten jetzt wesentlich besser und sorgt für eine optimale Darstellung der Inhalte egal ob am PC, am Tablet oder am Smartphone. Die Entwicklung hat nun mehr als ein halbes Jahr in Anspruch genommen. Das Design basiert auf dem von Twitter entwickelten CSS-Framework Boostrap, wurde aber im Vergleich zum Original kräftig individuell angepasst. Leider gibt es für die verwendete Software phpBB (Forum) und Coppermine (Fotogalerie) bislang keine wirklich zufriedenstellenden Designlösungen, sodass ich diese Entwicklung quasi vollständig selbst durchführen musste. Die Fotogalerie wurde dafür komplett neu entwickelt, das Forum basiert auf einer Betaversion eines Designs, das ich in eine fertige Version überführt habe.
Das Seitendesign passt sich nun der verwendeten Auflösung automatisch an. Zudem gibt es eine Reihe von Neuerungen, auf die ich an dieser Stelle eingehen möchte:
- Die Navigation kann jetzt über einen Klick geöffnet werden und nicht mehr durch ein Mouseover, sodass man die Links jetzt auch besser auf Touchscreen-Bildschirmen erreichen kann
- Die Möglichkeit zum Ein- und Ausloggen sowie sämtliche Verwaltungsmöglichkeiten für Benutzerkonto und Datenbank finden sich jetzt rechts oben
- Die Hintergrundbilder im Kopf der Seite sind allesamt neu und besser dem Inhalt der jeweiligen Rubrik angepasst
- Das Bautagebuch von der Lenzerheide findet sich jetzt in der Rubrik Seilbahnen unter dem neuen Stichpunkt Dokumentationen
- Bei der Nutzung mit dem Smartphone wird die Schnellsuche in der Datenbank angepasst, damit man diese möglichst ohne Tippen und nur mit Klicken steuern kann
- Die Suchergebnisse in der Datenbank werden auch an die jeweilige Auflösung angepasst – bei kleinen Auflösungen werden daher im Suchergebnis nicht alle Spalten angezeigt
- In der Fotogalerie haben die Kategorien jetzt alle ein Vorschaubild, zudem gibt es in der Thumbnail-Ansicht die Möglichkeit zur Anzeige einer Diashow des jeweiligen Albums - die Grösse des angezeigten Fotos richtet sich dabei auch nach der Grösse des Bildschirms
- Wie in der Galerie werden Fotos auch auf der restlichen Seite in einer Lightbox angezeigt
- Im Forum werden direkt eingebundene Fotos sowie YouTube-Player ebenfalls automatisch dem zur Verfügung stehenden Platz angepasst und skaliert
- Wer möchte, kann im Forum weiterhin das alte Design verwenden – dieses wird aber nicht mehr weiter entwickelt, d. h. mit der Zeit kann es sein, dass gewisse Dinge nicht mehr funktionieren werden
Falls ihr irgendwo einen Fehler entdeckt oder euch etwas seltsam vorkommt, könnt ihr das natürlich gerne melden. Vorher aber evtl. mal probieren, die jeweilige Seite mit CTRL+R neu zu laden, da es immer mal sein kann, dass noch teilweise veraltete Dateien in eurem Browser-Cache liegen.