Bastelstunde
Posted by Jesco Freund at Aug. 30, 2008 5:51 p.m.
In einem Anfall von Arbeitswut bin ich heute endlich mal das leidige Thema Blog-Design angegangen, dass ich nun seit einem Jahr vor mir herschiebe. Das bisher verwendete Layout („One True Layout“ von Carl Galloway und Matthias Mees) hat mir zwar gute Dienste geleistet, war aber eben einfach ein fertiges Layout, das von vielen Blogs verwendet wid – und passte farblich einfach nicht zu meiner Homepage und dem im Entstehen begriffenen Wiki.
Das neue Layout basiert auf dem Bulletproof Template Framework. Das Look&Feel lehnt sich in den Farben an das Plone Standard Design an; die entsprechenden Stylesheets habe ich mir selbst zusamengeklopft. Um die Lesbarkeit der Texte zu erhöhen, habe ich die Breite auf maximal 1200 Pixel limitiert. Bei sehr großen Auflösungen (etwa 1920×1200) finde ich das recht angenehm, aber mich würde doch stark interessieren, wie das auf Monitoren mit geringerer Auflösung wahrgenommen wird.
Feedback und Kritik sind also herzlich willkommen – genauso wie Hinweise, falls ich irgend etwa kaputt gespielt haben sollte 
.
4 comments | Defined tags for this entry: blog, CSS, s9y
Content is subject to the conditions of the
sieht gut aus, nicht überladen und leicht trocken/nüchtern. Als Norddeutscher mag ich das ... :-)
Aber so aus der Erinnerung: Sehr viel hat sich nicht geändert, oder?
Karsten on Aug. 31, 2008 16:16 CEST
moin. Layout klasse, nur das Antialiasing der Schrift is hier bei mir in der Firma etwas
anstrengend (wirkt alles verwaschen). Und die kleinen Schriften unter den Artikeln sind
(dadurch?) quasi unlesbar - wenn ich denn nicht in den Schirm kriechen will.
Achja, und das Kommentar-Eingabe-Formular ist breiter als der sichtbare Teil (wird also
vom rechten layer überdeckt), was Fließtext-Eingabe echt anstrengend macht ...
Konfiguration bei mir: TFT 19" 1280x1024, IE6 maximiert
PS: ja, ich weiß, Auflösung is mickrig, aber größer will er nich so recht (dann wird
das Bild größer als die Bildschirmgröße ...)
André on Sept. 1, 2008 16:50 CEST
Die Formulargröße ändert sich übrigens "OnFieldContentChange" ... *verwirrt* ...
so, genug bugs gefunden :-P
André on Sept. 1, 2008 16:56 CEST
Moin André,
hab jetzt selbst mal mit dem IE 6 (6.0.2800.1106CO) getestet. Es kommt tatsächlich zu einigen Darstellungsfehlern, u. a. setzt er die Inhaltsspalte zu hoch an und das Eingabeformular für Kommentare deformiert sich (wird auf einmal breiter), sobald man versucht, etwas einzugeben - springt aber auch wieder zurück. Woher das Verhalten kommt, kann ich nicht nachvollziehen - das ist eine normale Textarea, ohne JS-Events :-O
Mit der Schriftdarstellung (17" TFT @ 1280x1024) habe ich hier hingegen keine Probleme. Die ersten beiden in der Liste (Bitstream Vera Sans und Calibri) sind hier nicht installiert, so dass automatisch Arial zum Zuge kommt (sowohl IE als auch FF).
Ich werde aber wahrscheinlich keine Energie mehr in Anpassungen für den IE6 mit seinem kaputten Box-Modell investieren - schließlich gibt es ja genügend "vernünftige" Browser (FF, Opera, Galeon), bei denen ich besagte Probleme nicht reproduzieren konnte.
Jesco on Sept. 4, 2008 09:51 CEST