Frühjahrsputz bei coldheat.de
Das letzte Theme hat mehr als ein Jahr durchgehalten ist während der Zeit aber immer mal wieder verändert wurden. Nun wird es Zeit für was komplett Neues. Ich war an dem Punkt, wo ich einzelne Farbwerte für die verschiedenen Grauwerte minimal verändert habe, mittlwerweile ein Zeichen für mich Abstand zu nehmen, auch wenn dies bedeutet, dass noch unzählige Fehler hier und da dem Gesamteindruck verschlimmbessern.
Dieses Update viel so leicht und gleichzeitig so schwer wie keines davor. Ich bin auch fest überzeugt, dass ich noch ganz lange an diesem Theme rumdoktern werde. Sieben ist meine Lösung für meine Probleme und es ist ganz bewusst nichts geworden, woran sich andere orientieren können oder sollten. Ich bin dabei geblieben zu vereinfachen. Verglichen mit der Version zuvor, sind wieder viele Elemente verworfen worden. Die Details spare ich mir erstmal.
Framework
Der Ansatz dieser Gestaltung ist relativ schnell formuliert. Ich wollte ein Grundgerüst haben, auf dem sich möglichst dynamisch aufbauen lässt und was sich mehr Richtung Print und weniger Richtung Blog orientiert. Dies hier ist keine Seite, auf der die Besucher stundenlang Herumsuchen. Hier kommt man her, liest und verschwindet wieder. Für diese Art Leser ist die neue Gestaltung, vielleicht nicht sofort jetzt aber in Zukunft. Die Basis der Seiten ist wirklich sehr solide. Ich brauche für diesen Blog ganz lange Zeit nicht mehr das Raster verändern. Es gibt ganz wenig, was ich hier nicht mehr umsetzen kann. Man darf nun auch wieder verstärkt mit Artikeln wie diesen rechnen. Bisher sind die älteren Einträge nur grob angepasst. Was neu erscheint wird sich weniger grob ins Raster einfügen.
Aber nicht nur die aufwendigeren Artikel sehen nun hoffentlich griffiger aus. Der Kopf der Seite war sehr schwierig, auch wenn es nicht danach aussieht. Mein Ansatz hier war, dass weniger die „Marke“ als viel mehr der jeweilige Artikel bzw. Inhalt die Seite eröffnen soll. Die markantesten Elemente sind daher die eigentliche Überschrift und abgeschlagen aber daher ins Auge fallend, das Teaserbildchen. Eine letzte Änderung hier war das Verkleinern des Logos, da dies immer noch zu dominant war. Aktuell finde ich die Wertigkeit der Kopfelemente für angemessen. Die sicherlich größten Änderungen gabe es allerdings woanders.
Startseite
Bisher waren meine Startseiten hier eher nüchtern. Anfangs sehr blog-like, wurde es im Laufe der Jahre immer minimalistischer. Mein Ansatz damals: jede Seite sollte ähnlich wirken und eine vollgestopfte Startseite, passte nicht zum Rest. Damit ist Schluss. Es gibt erstmals eine Startseite, die mehr enthält, als einen Ausszug und wenige Listen. Ist es zuviel geworden? Vielleicht.
Was man nicht mehr findet ist der eigentliche Inhalt. Diese Startseite ist für mich wie das Inhaltsverzeichnis eines Magazins. Besonders die Blog-Spalte auf der linken Seite ist doch sehr davon inspiriert. Keinen Text, nur eine Überschrift samt Teaserbild, beides so kontrastreich, dass es ins Auge fallen muss.
Es gibt wieder einen echten Link-Blog. Die Spalte Randnotizen hat sich ihren Platz auf dem Titel fest gesichert. In dieses kleine Modul ist mehr Arbeit geflossen, als mir lieb war und so hat die eigentliche Arbeit hier jemand anders erledigt um folgendes Problem zu lösen. Ich wollte ganz klar Bilder, Filme und Flash-Objekte in dieser winzigen Spalte platzieren, ohne jedoch fix die Daten für Höhe und Breite der Objekte zu ändern. Wenn jemand die Randnotiz separat klickt, soll er HD-Filme in ihrer vollen Pracht sehen dürfen. Um also die Größenwerte der Objekte dynamisch beim Laden der Startseite anzupassen, werden die eigentliche Werte ausgelesen, auf die neue Größe herunterskaliert und neugeschrieben, ohne in der Datenbank was zu verändern. Zwar gibt es viele Wege dies zu bewerkstelligen, aber keiner erschien mir so idiotensicher und sauber wie Ben_’s Lösung. Es funktioniert so gut, dass ich es sicher auch zukünftig woanders einsetzen werde.
WordPress, HTML, CSS
Eigentlich hatte ich vor bis WordPress 2.8 zu warten. Neben einigen sehr netten neuen Features, habe ich einige Zeilen in den Core-Files verändert, die ich nun akribirsch als separate Funktion des Themes separieren möchte. Viel Aufand für wenig Sichtbares. Gleiches gilt für das HTML der Seite. Hier und da blitzt HTML5 durch, aber eben nicht konsequent genug. Auch hier ist noch viel zu tun.
Sieben geht wirklich nur als Gerüst live. Praktisch überall sind Lücken, aber würde ich warten, bis die Liste abgearbeitet ist, würde sich hier auch inhaltlich zu lange nichts mehr ändern. Auch weil ich wieder mehr Neues im neuen Rahmen veröffentlichen möchte, ist Sieben nun einfach online.
Inhaltliche und visuelle Gestaltung
Inhaltlich wird sich wenig verändern. Es wird ganz „normale“ Einträge geben, wobei hier die Wortmarke bei 500 liegen soll. Dazu kommen die etwas aufwendigeren Artikel. Hier gibt es keine wirklich Vorlage, da ist jeder einzelne noch immer Experiment. Alles andere wird nun in die Randnotizen Kategorie verbannt und ziemlich gut vom eigentlichen Inhalts separiert.
Optisch gibt es dieses mal kein wirkliches Vorbild. Ich habe rausgeschmissen, was mir weniger sinnvoll erscheint und betont was wichtig ist. Schriftgröße ist ein Thema. Überschriften sind klar als solche zu erkennen und dominieren den Kopf jedes Artikel, so wie es sein sollte. Sehr serifenlos ist es diesmal geworden. Mal schauen wie lange ich damit durchhalte.
Einige Elemente der Seite wirken noch unsicher. Aufzählen werde ich nichts, ich denke das sieht jeder selbst. Grundsätzlich wollte ich wo es möglich ist, die volle Breite nutzen, auch auf Kosten des Grundrasters, wenn es sein muss. Das Hauptproblem von so viel mehr Platz ist der varierende Inhalt. Wenn man sehr viel zeigen muss, spielt einem der zusätzliche Platz zu. Gibt es wenig zu platzieren, habe ich echte Schwierigkeiten.
Grundlagen geschaffen
Ich habe mich satt gesehen an der alten Gestaltung und ich konnte nicht mehr alles umsetzen, was ich wollte. Diese zwei Punkte verbessert Sieben erst einmal. Hier sieht’s nun wieder sehr anders aus. Ich weiß das auch diesmal nicht alles fehlerlos dargestellt und platziert wird. Besonders einige Browserfragen bleiben offen und sind Thema für die nächsten Tage. Auch liefert mit dieses Update wieder viele Möglichkeiten drüber zu schreiben, weshalb dieser Text nicht allzu tief ins Thema geht. Sieben ist eine halbfertige aber sehr flexbible Plattform, um diese Seite noch weiterzuentwickeln. Klingt furchtbar nach Ausrede für eine unfertige Arbeit, wird sich aber im Laufe der Zeit hoffentlich selbst als richtig beweisen.
Jetzt wird erstmal aufgeräumt.
12 Kommentare
Für diesen Eintrag wurden die Kommentare geschlossen.
global $hemingway ?>Gra-tu-la-tion! Ein weiterer Messlatte für anspruchvollstes Webdesign und für Netz-Publizistik.
Wow, grade beim Durchklicken sind mir die Zitate aufgefallen. Genial. Aber auch insgesamt: gute Arbeit!
Ich bin sehr beeindruckt. So müssen „Blogs“ in 2009 aussehen.
Ich war zu erst etwas irritiert und zwar von der 0606 ganz oben links. Bis ich realisiert habe, dass heute der 06.06.2009 ist sind dann doch ein paar Sekunden vergangen.
Ansonsten bin ich schlicht weg begeistert. Gerade von der Startseite und den Links zum gleichen Thema unter den Artikeln.
So ein reiner Textartikel, wie dieser hier zum Beispiel, wirken allerdings wirklich sehr, sehr (vielleicht ein bisschen zu) schlicht. Die ganze Pracht des neuen Layouts kommt vor allen Dingen in »Artikeln wie diesen« zur vollen Entfaltung. Deshalb noch einmal die Bitte: Mehr davon! 😀
Sehr schön. Vor allem die Unterbringung der Teaserbilder auf den jeweiligen Eintragsseiten gefällt. Prominent und zugleich doch zurückhaltend.
Werde die Tage immer mal wieder ein kleines Detail genauer besprechen. Macht sogar mir wieder Spaß hier mehr in den alten Sachen zu lesen, was denke ich ein gutes Zeichen ist. War Zeit für eine Veränderung hier und vielleicht auch bald woanders.
Sehr schick geworden. Hab dem Ganzen noch nicht unter die Haube geschaut, aber nach zwei Tagen genüsslichem Rumklicken brauche ich das auch gar nicht. Man muss ja nicht alles im Quelltext lesen 🙂
Das Einzige was mir gerade ein wenig fehlt, ist „blättern“. Die Teaserleiste zu verwandten Themen unter den Artikeln ist genial, ich habe Mühe da nicht immer weiter zu lesen. Aber: da ich zwar immer im Feedreader neue posts von dir sehe, diese aber in der Hoffnung auf manuelle Gestaltung direkt auf coldheat.de lese, kommt es oft vor, dass ich die aktuellsten drei oder vier Artikel lesen will. Genau dann fehlt ein simples chronologisches vor- und zurück, analog zum normalen Blättern in einem Printmagazin. Aktuell muss ich entweder zurück zu meinem Feedreader oder zur Startseite..
Okay, okay! Minimale Quengelei. Der Rest gefällt mir einfach zu gut als dass ich viel rumkritisieren wollen würde.
Also: saubere Arbeit!
Danke für das Lob allgemein. Ist Balsam für die Seele. Zum Aspekt des „Blätterns“: ist wie die Kontrastfarbe zum Schwarz/Weiß. Erstmal habe ich die sichere Alternative gewählt, weil ich keinen Platz fand, wo diese Links gut platziert wirken.
Mir gefällt an der Themenleiste nicht, dass sie nur themengleiche Links liefert. Ich lese auch gern woanders mal abseits der eigentliche Seite. Momentan fehlen hier noch solche Elemente.
Ist ein schöner Punkt für die To-Do-Liste und besser nicht in den Quellcode schauen. Chaos ist da noch milde formuliert. 😉
Wie ich jetzt merke, finde ich es ein bisschen seltsam, dass das Kommentar-Schreiben Formular über den Kommentaren steht. Jetzt muss ich immer erst wieder nach oben scrollen. Aber als Dauerkommentierer hier, bin ich wohl auch nicht der Default-User.Davon ab: Was ich nicht verstehe ist, warum Du das doof findest, dass die „Zum Thema“ Leiste nur Artikel zum Thema liefert, aber nicht stattdessen eine „Zufällige Artikel“ Leiste draus machst, oder eine „Erst zwei Artikel zum Thema, dann vier zufällige Artikel“ Leiste. Und nur für den Fall, dass das nur deshalb so ist, weil Dir ein paar Zeilen PHP dazu fehlen … ich wüßte da wen Hilfsbereites. ;]
He! Frechheit! Dein Blog hat meine <br/>s gefressen, die hier angeblich erlaubt sind.
Hmm der br-Fresser muss Markdown-Plugin sein. Kommentarformular wird die Woche nochmal anders positioniert. Hatte da eine jQuery-Variante, die aber nie gut funktioniert hat. Ah. Habe eben den Fehler gefunden. Oldschool HTML-BRs ohne den Slash am Ende schluckt er nicht, nur die hippen XHMTL-BRs. Diese verdammter Hipster!
Die Link-Leiste nehme ich mir auch nochmal vor. Ich habe halt auch das Gefühl, dass die Auswahl dort immer sehr eng ist und immer die gleichen Artikel rotieren.
Sehr geiles Design. Wie immer wurden die mittlerweile hohen Erwartungen, die man an Deine Updates knüpft, übertroffen.
Nettes „Feature“ ist der Balken beim betrachten Deiner Seite mit dem IE. Oder ums mal mit den Worten von der Mozilla-Page zu sagen „
„Using Internet Explorer is So 2006“