Relaunch dt 04
Zum Ende des Jahres erscheint das dt im neuen Gewand. Der letzte nennenswerte Relaunch fand im März 2010 statt. Es war an der Zeit, das Design Tagebuch oberflächlich aufzufrischen und, was mir besonders wichtig ist, die Technik im Hintergrund auf den neusten Stand zu bringen.
Die neue Umgebung ist nicht nur dank Responsive Design auf mobile Endgeräte abgestimmt, sie ist auch performanter. Damit jede Seite schnell lädt, werden auf dem Smartphone Bilder in entsprechend kleiner Größe ausgegeben, Stichwort progressive Verbesserung. Auf dem Desktop und auf Tablets kommen entsprechend größere Bilder zum Einsatz.
Sollte etwas wider erwarten nicht funktionieren, freue ich mich über jeden Kommentar und jede E-Mail. Damit wirklich alles passt, muss ich in den kommenden Tagen alle Artikel und Seiten händisch anpassen. Es wartet also nach dem Relaunch jede Menge Arbeit auf mich.
Wünsche weiterhin frohes Schaffen.
Auf Grund der langsamen Abarbeitung meiner/der vielen (nach den Feiertagen) RSS-Feeds erst heute entdeckt: Sehr gelungene Weiterentwicklung!
Habe die CSS-Klassen bei den „mehr“-Buttons angepasst, sodass nun auch die Fläche selbst verlinkt ist. Bist nicht der einzige gewesen, Markus, dem das negativ aufgefallen ist.
Herzlichen Dank für die Rückmeldungen.
Was mir beim Lesen gerade auffällt: Navigationsleiste geht mit – das ist ganz schick. Aber genau der Link, den ich vielleicht am meisten brauche, wenn ich am Ende eines Artikel bzw. der Kommentare angelangt bin, liegt nicht in der Navigationsleiste: nämlich der Link zur Startseite. Da muss ich wieder hoch zum Logo scrollen (wenn ich nicht die Zurück-Funktion des Browsers benutze). Oder sehe ich da was falsch?
Außerdem wird mir im Artikel zum neuen Logo der Stadtwerkeesen kein Kommentarformular unter dem Artikel angezeigt. Oder seh ich es einfach nicht?
Danke Stefan. Warum auch immer – die Kommentarfunktion war beim Beitrag „Stadtwerke Essen“ deaktiviert. Jetzt gehts wieder.
Und ich dachte… na… für die Stadtwerke Essen interessiert sich keiner ;-)
Es ist richtig. Sobald man scrollt, verschwindet das Logo und damit auch der Link zur Startseite aus dem sichtbaren Bereich. Hab da jetzt spontan keine Lösung für parat. Ginge sicherlich noch eleganter. Mit einer Scrollbewegung erscheint das Logo allerdings wieder, weshalb ich es an dieser Stelle mit der aktuellen Lösung gut sein lassen werde.
Falls es noch nicht erwähnt wurde: Auf Touch-Devices lassen sich die Oberseiten der Menüpunkte (Design Tagebuch, Themen, Lesetipps etc.) nicht aufrufen. Ein Tap öffnet/schließt hier nur das Dropdown.
Danke Hendrik. Das Problem ist mir bekannt. Komischerweise lassen sich die jeweiligen Seiten auf dem iPad im neuen Tab öffnen, nicht jedoch direkt. Muss ich mir die Tage noch einmal anschauen.
@Achim: Das ist so komisch nicht. “In neuem Tab öffnen” rufst du ja über einen lange gehaltenen Tap auf das Menüelement auf. Das entspricht einem Rechtsklick auf dem Desktop. Das Problem ist Folgendes: Auf dem Desktop wird das Dropdown per Mouseover geöffnet. Ein Mouseover-Event gibt es auf Touch-Geräten aber natürlich nicht, deshalb fängt dein Menü-Script dort den “Linksklick” (kurzer Tap) ab, um das Menü zu öffnen. Soweit, so gut. Damit man auf Touch-Geräten trotzdem an die Oberseiten kommst, müsstest du sie dort z.B. als zusätzlichen Menüpunkt im Dropdown hinzufügen.
Na ja es gibt natürlich schon Navigationslösungen, bei denen der erste Touch ein Dropdown öffnet, um nach einem zweiten Touch auf das gleiche Element auf die jeweilige Seite zu leiten, etwa wie bei ap.org. Ist halt eine Frage, welches Konzept man dem Vorzug gibt. Einen zusätzlichen Menüpunkt im Dropdown braucht es da nicht.