Und noch ein Redesign
Diesmal mein ganz eigenes: pixelgraphix 6.0a. Das kleine “a” soll verdeutlichen, dass es hier und da noch erhebliche Baustellen und Fallgruben gibt. Aus Zeitmangel habe ich mich aber dazu entschlossen, diese im Livebetrieb zu beseitigen.
Warum wollte ich ein Redesign?
pixelgraphix ist mit der Zeit recht umfangreich geworden und besteht aus sechs individuellen Movable Type Blogs. Ziel der Umgestaltung war es die Fülle der Informationen zu strukturieren, sinnvoll zu ordnen und Raum für mehr zu schaffen.
Was hat sich verändert?
Die Startseite wurde komplett umgestaltet und bietet nun die aktuellsten Einträge der jeweiligen Rubriken und Projekte.
Das Weblog wurde als solches nun auch namentlich integriert. Guten Zuspruch hatte in der letzten Version das rotierende Foto im oberen Bereich der Seiten gefunden. Es wurde in verkleinerter Form beibehalten, das IE-Flackern konnte ich endlich abstellen.
Farblich habe ich am Rot festgehalten, allerdings Abstand vom Hellgrau im Mainbereich genommen.
Der Quellcode wurde noch einmal erheblich entschlackt und ist nun um einige verschachtelte DIVs ärmer, um Listen und Absätze reicher.
Alle Bilder werden künftig mittels ALA CSS Drop Shadow gerahmt (Nachdem meine eigenen Lösungsansätze früher oder später an störrischen Browsern scheiterten).
Links auf andere Sites werden künftig nicht mehr mit einem kleinen Pfeil gekennzeichnet. Jeder Link trägt einen beschreibenden title-Tag.
In der nächsten Zeit werde ich die Artikel überarbeiten und sie mit den aktuellen Deklarationen versehen. Sollte es hier und da etwas verschroben ausschauen, bitte einfach Reload drücken.
Update Bisher nicht erwähnt hatte ich die Hervorhebung der aktuellen Seite in der Hauptnavigation. Diese Technik hat Jon Hicks in Highlighting current page with CSS beschrieben.
Werbeunterbrechung
Kommentare und Feedback (12)
Werbung
Vorheriger Artikel: Movable Type QuickTags, nächster Artikel: Luftig
12.08.2004, 11:28
Klasse. Glückwunsch. Insbesondere die Übersichtsseite finde ich sehr gelungen. Eine solche Lösung steht in meinem Web-Reich auch noch an, aber dafür brauche ich eine bessere technische Lösung, als derzeit. Wenn Du dann noch die Fotodatenbank in den Relaunch integrierst, ist es perfekt.
Aber nimm doch noch ein paar von Deinen alten Kopfbildern und bereite die für die neue Höhe auf. Die waren immer so schön.
Bewundernde Grüße aus Mainz
Jens
12.08.2004, 11:45
absolut hervorragend!! mit firefox gibt’s noch ein paar kleinigkeiten, aber darum ja auch “a”. besonders gut gefällt mir, dass jetzt der title-tag zum einsatz kommt, kam mir schon blöd vor, das scheinbar als einziger so zu machen. was mir aus usability-sicht aber noch ein isschen fehlt, ist ein breadcrumbs-feature, also ein pfad. grüße aus dem süden, helge
13.08.2004, 02:55
Hey – sehr schick. Gratulation von hier :)
13.08.2004, 03:05
Wow, endlich mal eine deutsche Seite, die mit den Grossen mithalten kann. Die Farben machen süchtig. Wundervoll. Grüße aus Kassel
13.08.2004, 05:29
Woher stammen die Icons (Permalink, Shortcuts etc). Kann man die wo downloaden? Danke
13.08.2004, 07:15
Hallo Jan, die Icons habe ich für dieses Design erstellt. Wenn Interesse besteht, kann ich sie als Download zur Verfügung stellen. Also, wer sie haben möchte, meldet sich.
13.08.2004, 10:58
Vielen lieben Dank für Euer Feedback!
@ Jens: Ich werde mal sehen, welche Kopfbilder sich eignen und sie dann einbauen.
@ Helge: Breadcrubs stehen noch auf meiner Liste.
Manuela
13.08.2004, 12:06
Unglaublich sehr viel schöner als das alte, welches zwar auch gelungen war, jedoch immer voller und komplizierter wurde mit der Zeit. Klar und übersichtlich und mit viel Liebe zum Detail, so soll es sein!
14.08.2004, 01:34
Mein Kompliment. Ein wirklich gelungene Site! Ich wäre am Iconset sehr interessiert.
15.08.2004, 08:27
Icons hier! Gerne!!!!
17.08.2004, 03:11
Wie hast Du die Winamp Playlist hinbekommen? Ist das ein MT Plugin? Handgebastelt? Ich kenne das nur mit amazon.com. Will auch haben!
17.08.2004, 08:35
Die Playlist ist eine Abwandlung der Winamp Hoverable Playlist für amazon.de.