10
09

barcode

Zengarden Auslese

Der Zen­gar­den ist eine spru­delnde Quelle der Inspi­ra­tion, eines der bes­ten Inter­net Kon­zepte der letz­ten Jahre. Die Viel­falt allein ist beein­dru­cken, und des­halb folgt hier meine kleine CSS­Zen­gar­den Hit­pa­rade.

Platz 5.

Hier gefal­len mir die Far­ben sehr. Die weni­gen aber auf­fäl­li­gen Gra­fi­ken lockern das Lay­out auf. Das Gesamt­bild wirkt sehr locker und zufäl­lig. Die Schrift­größe des Main­texts ist eine Spur zu klein, ebenso läuft die Schrift im Menü, beim Zoo­men des Tex­tes aus der Gra­fik her­aus. Ein Punkt der oft zu fin­den ist. Den­noch als Gesamt­er­schei­nung, ein sehr schö­nes Bei­spiel.

Platz 4.

Eines der ers­ten hori­zon­ta­len Designs. In mei­nen Augen eig­nen sich sol­che Lay­outs bes­ser, als die ver­ti­ka­len Designs, ganz ein­fach weil sie mehr unse­rer natür­li­chen Lese­rich­tung ent­spre­chen. Die Grund­idee mit dem Unter­grund und dem ange­deu­te­tem Querr­schnitt ist nett. Das Pro­blem was ent­steht, ist, dass die­ses Design, eine sehr hohe Bild­schirm­auf­lö­sung vor­raus­setzt, um sich voll­stän­dig zu erklä­ren. Selbst mit einer 1024x768 Pixel Auf­ö­sung, muss der User immer noch ver­ti­kal und hori­zon­tal scrol­len - defi­ni­tiv ein Makel. Aber auch hier - das Gesamt­bild stimmt.

Platz 3.

Ein fast per­fek­tes Werk. Auf den ers­ten Blick wirkt es unspek­ta­ku­lär. Das Farb­schema funk­tio­niert den­noch sehr gut: her­vor­ra­gen­der Kon­trast, sehr gute Les­bar­keit und ein auf­ge­räum­tes Lay­out. Was zunächst wie ein fixes Lay­out wirkt, also eines mit fes­ten Pixel­wer­ten für Höhe, Breite etc. …, ent­puppt sich bei nähe­rer Betrach­tung als fle­xi­bel. Ver­grö­ßert bzw zoomt man den Text, dann passt sich das Design an, und ver­grö­ßert sich selbst. Per­fekt. Ein wei­te­rer Höhe­punkt hier, sind die Link-Styles. Fährt der User mit der Maus über einen der Links, dann spielt eine kleine Ani­ma­tion des Unter­strichs ab. Mit Abstand einer der bes­ten CSS Zen­gar­den Bei­träge.

Platz 2.

Im Grunde fin­den wir hier ein extrem sim­ples 2-Spalten Lay­out. Was mir sofort gefiel, war der Font. Die Geor­gia ist ein sehr guter Screen­font, trotz der Seri­fen. Die sehr gro­ßen Hin­ter­grund­bi­der fal­len sofort uns Auge. Das Thema die­ses Bei­trags, wird allein durch diese 3 Bil­der gehal­ten, wie man sieht reicht das auch, die Bil­der sind äußerst gut gewählt. Ein letz­tes High­light hier, ist das CSS Menü. Mit dem Inter­net Explo­rer bekommt man nur ein schnö­des Menü. Mit einem der bes­se­ren Brow­ser, z.B. dem aktu­el­len Fire­fox, bekommt man ein schi­ckes PopUp Menü, das aus trans­pa­ren­ten PNGs, besteht, wel­che der IEx­plo­rer bis heute nicht unter­stütz. *cheer* Das Menü hält sogar beim Textzoom zusam­men, der Text läuft nicht aus der Gra­fik her­aus. Hier hat sich jemand wirk­lich Mühe gege­ben. Fazit: Sim­pel und den­noch schick.

And the win­ner is ….

Hier nun CSS Web­de­sign, in Per­fek­tion. Viel gibts nicht zu sagen. Les­bar­keit, Kon­trast, Lay­out - alles per­fekt. Allein das Thema ist so gekonnt umge­setzt, das man nei­disch wer­den könnte. Auch wenn es einer Majes­täts­be­lei­di­gung gleich kom­men mag, muss ich den­noch ein paar Schwä­chen fin­den. Bei 2-fachen Textzoom läuft der Text oben aus sei­nen Gra­fi­ken hin­aus. Spe­zi­ell in der 800x600er Auf­lä­sung (hier Mini­mum) wird dies sehr auf­fäl­lig, beson­ders im obe­ren rech­ten Menü, wo der Text dann unter der Gra­fik ver­schwin­det. All das ändert nix an mei­nem Fazit: in mei­nen Augen das viel­leicht beste Design im CSS Zen­gar­den.

0 Kommentare

Für diesen Eintrag wurden die Kommentare geschlossen.