Neues Stylesheet, bitte Cache leeren!
In den letzten Tagen habe ich eine Reihe kleinerer Veränderungen an pixelgraphix vorgenommen. Für ein komplettes Re-Design reicht die Zeit momentan nicht aus, aber ein wenig Farbe und vor allem Weissraum hier und da waren bei der Fülle an Informationen, die sich hier bereits angesammelt hat, einfach nötig.
Es handelt sich um ein reines Stylesheet-Update, nur die Seiten Index und Archiv sind auch XHTML-technisch verändert worden.
Wichtige Bestandteile des Updates
- Größere und kontrastreichere Schrift
- Livesuche mittels Ajax auf jeder Seite, Return führt zur “normalen Suche”
- Erhöhte Funktionalität von Start- und Archivseite durch Stichwortliste (Tags) und Top-Artikel
- Helleres und frischeres Design durch mehr Weißraum und mehr Farbe
Hier und da gibt es noch eine Baustelle, die hoffentlich schnell fertig gestellt werden kann … Firefox lädt den Header beim ersten Laden noch nicht korrekt. Nach einem Reload passt es dann aber. Update: Das Firefox Header-Problem sollte nun behoben sein.
Werbeunterbrechung
Kommentare und Feedback (21)
Werbung
Vorheriger Artikel: Liebeserklärungen an CSS, nächster Artikel: Tags, tags, tags ... Tagsuche mit Gataga
19.06.2005, 10:11
Glückwunsch, sehr gelungen. Mir gefällt die Seite jetzt noch besser.
19.06.2005, 10:40
pixelgraphix ist die kleine Design-Agentur von Manuela Hoffmann
Das ist irgendwie n bisschen verrutscht! Muss wohl n bisschen niedriger!
19.06.2005, 10:45
Glückwunsch – ein wirklich gelungenes Update. Vor allem die neue Live-Search hat es mir angetan.
19.06.2005, 11:43
warum? vorher wars eins der schönsten überhaupt
20.06.2005, 02:38
Auch von mir nochmal ein Lob, es sieht wirklich richtig gut aus!
Besonders gefällt mir links die neue Navigationsleiste und die insgesamt stimmige Farbgebung, jetzt auch bei den Buttons! :) Sehr schön!
20.06.2005, 03:14
Michel: Drück mal noch ein paar mal F5, dann paßt es. ;-)
Manuela: Hm… zwiespältig. Der glassy-look in der Menüleiste oben ist nett, aber der jeweils aktive Button (wie hier z.B. “Blog”) hat den leichten 3D-Effekt nicht.
Das Bleu in der linken Leiste bietet einen zumindest nicht besseren Kontrast beim Lesen. Die neuen große Überschriften sehen durch die Capitals recht gewaltig aus, zumindest bei dieser Sans-Serif-Schrift und die Buttons wie “Senden” und “Vorschau” bringen den leichten 3D-Look nicht so ganz rüber, auch die Schrift der Buttons wirkt nicht perfekt.
Insgesamt gefiel mir das alte Design besser, aber ich bastel selbst ständig am Layout und vielleicht ist es nur eine Gewöhnungsfrage.
Na ja, egal auf den Inhalt kommt es an und der ist bei Dir 1A.
Gruß,
John
20.06.2005, 09:07
Augenweide, echt.
20.06.2005, 09:19
Reschpeckt Manuela. Mir gefällt die neue Hauptnavi besser. Die Seite atmet echt wieder mehr und die etwas größere Schrift war auch ein Schritt in die richtige Richtung. Das gefällt mir sehr gut!
<neidisch>Björn</neidisch>
20.06.2005, 09:39
Klasse!
20.06.2005, 09:49
Wie hast Du diese Suche gemacht? Die ist ja wohl voll der Hammer. Danke!
PS: In Opera sind die Beschriftungen der Buttons Senden und Vorschau nichz mittig.
20.06.2005, 10:08
Mir gefällt vor allem dieses mehr an Weißraum. Deine Seite ist übrigens die erste, bei der entweder ich kapiert habe was es mit dieser Livesuche auf sich hat, oder die in meinem Opera funktioniert, oder es könnte auch an dem 8.01er Versionsupgrade gelegen haben, da haben sie ziemlich viel von den sachen, die Ajax braucht implementiert so wie es mir scheint.
Insgesamt finde ich die seite viel freundlicher, aufgeräumter und vor allem schneller.
20.06.2005, 10:51
Passend zum Sommer wirkt Deine Seite sonniger und luftiger. Großes Kompliment.
20.06.2005, 11:34
Vielen Dank für Euer Feedback!!!
@John: Ich habe die von Dir angesprochenen Buttons noch einmal überarbeitet. Bei den Überschriten mag ich erst mal bleiben und schauen, wie sie sich bewähren.
20.06.2005, 11:34
Es stimmt: die Seite wirkt insgesamt luftiger, freundlicher, aufgeräumter. Gefällt mir gut und ist wirklich gelungen.
Daß das Random-Picture am Seitenkopf links und rechts nicht mit dem Schatten abschließt sondern einen kleinen Weißraum lässt stört ein bißchen, ebenso muss ich mich wohl auch erst daran gewöhnen, dass die linke Spalte nicht auf gleicher Höhe anfängt wie die rechte, sondern 1cm weiter unten. Nach Deinen Screenshots (s.o.) ist das aber so gewollt.
Egal. Es gibt so viele kleine Details, die mir super gefallen und da ich, wie jeder andere von uns wohl auch, gerne immer wieder am eigenen Design schraubt und nie fertig wird, kann ich das Redesign herzlich willkommen heißen. Manuela, Du bist eben eine echte Künstlerin (-:
21.06.2005, 05:56
schön, es ist klarer und der blautich wirkt viel froher als die ehem. gräuliche linke Leiste.
apropos livesearch, das autocomplete auf dem input feld verwirrt ein wenig.
21.06.2005, 06:36
Danke Euch für Euer hilfreiches und vielschichtiges Feedback!
@Markus: Ich kenne zur Deaktivierung der Autovervollständigung nur autocomplete=“off”. Das passt aber nicht mit XHTML 1 in eine Tüte. Gibt es eine bessere Möglichkeit?
21.06.2005, 09:37
Wunderschön! Das neue Stylesheet macht die Seite frischer, der Weißraum sorgt für bessere Übersichtlichkeit.
21.06.2005, 09:58
Mir haben die Seiten vorher besser gefallen. Beim ersten Aufruf dachte ich ein Fehler hat sich in deine CSS eingeschlichen, da alles nach links verschoben dargestellt wurde. Aber mit der Zeit gewöhnt man sich daran ;o)
21.06.2005, 10:14
Manuela: wenn ich das richtig sehe, handelt es sich bei den Javascript um das Bitflux LiveSearch Script, mit einemonload=“liveSearchInit()”@ im Body Tag wird autocomplete für das Element mit der ID ‘livesearch’ dektiviert.22.06.2005, 08:47
Sehr schön geworden!
Aber ich habe heute meinen Pingeltag:
Warum wirft der weiße Content-Bereich keinen Schatten auf dem Footer?
22.06.2005, 09:38
Ist gut geworden. Mir gefällts auch sehr :) weiter so.