It is not quite finished…
„It’s not quite finished“ verkündete Jon Hicks erst kürzlich und bezog sich dabei auf das neue Design seiner Website. Fast ganz fertig ist das nun ebenfalls von Grund auf erneuerte Design von Bartelme Design — Cubic.
Cubic
Nachdem in den letzten Wochen und Monaten viele namhafte Designer ihre Websites optimiert bzw. komplett neu designt haben, fühlte auch ich mich wieder einmal ermutigt in Photoshop und Illustrator ein paar Pixel in Bewegung zu setzen. Die Eckpunkte dabei waren:
- frischere, kräftigere Farben
- eine markante Kennzeichnung von Bereichen
- und der Aufbau auf bereits bestehendem Markup. Sprich es sollte möglich sein, das HTML-Gerüst der Seite 1zu1 zu übernehmen.
Das Ergebnis war „Cubic“ — so der Name des aktuellen Themes, welcher auf das würfelartige Erscheinungsbild zurück zu führen ist.
Color Coding
Bei Cubic spielt der Einsatz der Farben eine entscheidende Rolle. So sind Interface-Elemente, welche der primären Navigation dienen (Hauptnavigation, Links etc.) in Blau gehalten bzw. blau hinterlegt — Subnavigations-Elemente setzen auf Grün. Der eigentliche Content der jeweiligen Seite ist in Weiß gehalten, was das Auge direkt zum hoffentlich interessantesten Bereich der Seite leitet.
Style-Switcher
Der neue Theme gefällt nicht? Kein Problem, denn aufgrund der strengen Trennung von Content und Style ist es nun möglich zwischen dem neuen Cubic- und dem älteren Rounded-Theme zu wechseln. Basis dafür ist das auf A List Apart veröffentlichte Script, welches mit Hilfe eines Cookies eine permanente Speicherung des gewünschten Themes ermöglicht.
Derzeit befindet sich die dafür notwendigen Links übrigens im Footer jeder Seite. Ich muss zugeben, dass es sich dabei nicht gerade um einen prominenten Platz handelt. Doch da das ständige Wechseln des Themes nicht unbedingt die Hauptaktivität auf dieser Seite sein sollte, ist es meiner Meinung nach durchaus akzeptabel.
Beim Umschalten kann es vorkommen, dass einzelne Bilder, im speziellen jene der Startseite, nicht sofort richtig geladen werden. Ein einfaches Refreshen sollte jedoch ausreichen, um den Cache zu aktualisieren.
Kompatibilität
„It’s not quite finished“ bezieht sich hauptsächlich auf die Kompatibilität des CSS. Derzeit werden von mir offiziell nur IE6, Mozilla Firefox und Konsorten und Safari unterstützt. Sowohl IE5/Mac, als auch IE 5.5 unter Windows stoßen sich derzeit noch an paar CSS-Regeln. Ich hoffe jedoch, dass ich auch diese Probleme in der nächsten Zeit beheben kann.
Feedback
Wie immer hoffe ich auf Feedback jeglicher Art. Nur so ist es mir möglich, diese Seite und ihren Inhalt weiter zu verbessern. Danke.
