17
05

zusätzliche Änderungen und skalierbare Bilder

Ich bin immer noch dabei am CSS große Teile zu ver­än­dern. Beim Schrei­ben des zwei­ten Teils zur neuen Gestal­tung, fiel auf, dass vie­les was ich pre­di­gen wollte, letzt­end­lich nicht wirk­lich kon­se­quent rea­li­siert wurde. Fünf Ver­än­de­run­gen. Zum einen rückt der Inhalt der Seite wie­der eine Spalte nach links. Die Seite war vor­her zu rechts­las­tig und ich konnte die Start­seite nur sehr schwer erwei­tern, ohne dass die Seite aus dem Gleich­ge­wicht fällt.

Die alten nun zu klei­nen Bild­for­mate wur­den umge­stal­tet, haben nun links und rechts eine mäch­tige Kante, pas­sen dafür aber viel ange­neh­mer ins Gesamt­bild. Diese Ver­än­de­rung ist per­ma­nent. Zwi­schen­über­schrif­ten floa­ten nicht mehr links, son­dern wer­den wie­der als Block-Level-Element dar­ge­stellt. Das Kom­men­tar­for­mu­lar ist noch­mal ver­ein­facht, zwecks Brow­ser­kom­pa­ti­bi­li­tät. Zusätz­lich habe ich Mark­down für Kom­men­tare akti­viert. Die Dar­stel­lung ist ins­ge­samt nun har­mo­ni­scher, es springt nicht mehr soviel von Spalte zu Spalte. Ich werde nun auch wie­der mehr Arti­kel auf der Start­seite zei­gen, ähnlich im Stil der neuen Archiv-Darstellung, mit einer klei­nen Skript-Spielerei. Nur die Details dafür hal­ten die Umset­zung noch auf.

skalierbare Bild-Darstellung für Webseiten

Das bis­her größte Fazit lau­tet für die Zukunft: Bil­der run­ter ska­lie­ren funk­tio­niert immer, anders­rum kaum. Für die Zukunft werde ich wohl die meis­ten Bil­der grö­ßer spei­chern, als ich sie eigent­lich brau­che. Spei­cher­platz und Band­breite wird immer güns­ti­ger und man kann nie wis­sen, wann man ein­mal hoch­auf­ge­lös­tes Bild­ma­te­rial benö­tigt. HTML-seitig wünschte ich mir für die nächste Ver­sion, mehr Optio­nen für das uralte IMG-Tag. Es gibt zwar schon wun­der­bar funk­tio­nie­rende Mög­lich­kei­ten, Web­sei­ten rela­tiv auf­lö­sungs­un­ab­hän­gig auch bei Bil­dern funk­tio­nie­ren zu las­sen, aber dafür braucht es immer noch zuviel zusätz­li­chen Quell­code. Ganz klas­sisch ist die Methode Bil­der als Hin­ter­grund­gra­fik in DIVs zu packen, wobei das DIV quasi als Maske dient. Das Bild bleibt somit immer scharf, der gezeigte Aus­sschnitt jedoch ska­liert mit der Sei­ten­größe. Es wäre wün­schens­wert solch eine Funk­tion stan­dard­mä­ßig für ein IMG-Tag nut­zen zu kön­nen.

Kommentar schreiben
safari bug

Vorschau:

HTML ist in Kommentaren zugelassen. Erlaubt sind die HTML-Tags:
<a href>, <i>, <p>, <strong>, <em>, <ul>, <ol>, <li>, <blockquote>.
Alle themenfremden oder persönlichkeistverletzenden Beiträge werden gelöscht, also immer schön sachlich argumentieren.

schrieb: