coldheat

Site Updates und was noch so zu machen ist

• Di, 04. März 2008,
• 815 Wörter,
• 3 Kommentare,
• Tags:
• CSS,
• jQuery,
• Semantik,
• Website

So lang­sam aber sicher erschlie­ßen sich mir die klei­nen Details von Word­Press. Erstein­mal wer­den die Intro-Bildchen neuer Ein­träge als sepa­ra­tes Ele­ment gepflegt, damit flie­gen sie erst­mal aus dem Feed raus, was aber so gewünscht ist, denn ech­tes Inhalts-Element sind sie nicht. Ältere Ein­träge ohne Bil­der bekom­men ein Standard-Bild. In eini­gen Loops wird die­ses Bild mit abge­fragt, meis­tens jedoch, sollte es ver­nach­läs­sigt wer­den. Viele Wege füh­ren nach Rom, um genau die­sen Effekt zu err­rei­chen, hab ich vor­her ver­sucht Bil­der in Aus­zü­gen zu akti­vie­ren, das klappt rela­tiv ein­fach über eine kleine extra Funk­tion in der functions.php. Komi­scher­weise ver­misse ich im Backend Option für diese Excerpt-Funktion, wer hier was ändern möchte fum­melt in den Core-PHPs von Word­Press herum, was zukünf­tige Updates zur rei­nen Ner­ven­sa­che machen dürfte.

Ver­än­dert sind auch kleine unsicht­bare Details. Alle Feeds soll­ten nun im Hea­der ver­linkt sein. Das Title-Tag der HTML-Seiten sollte nun eben­falls bes­ser les­bar sein. Das Archiv hat wie­der eine kleine Über­sicht über die Schlag­wör­ter, auch wenn ich damit noch nicht zufrie­den bin.

Auf der Test-Seite pro­biere ich mal wie­der was mit jQuery, aller­dings ver­hin­dert der Semantik-Coder in mir, diese Tabs-Funktion so ein­fach über­neh­men, was mich zu einer grund­sätz­li­chen Pro­ble­ma­tik bei der Nut­zung von Skript-Spielerein bringt.

jQuery als Stol­per­falle

Im Feed-Reader tauchte ges­tern in die­sem Ein­trag, ein Link auf, der nicht so ein­fach ste­hen gelas­sen wer­den kann. jQuery mag in der Tat so kin­der­leicht zu benut­zen sein, wie das Tuto­rial es dem Leser ver­mit­teln möchte, aber diese gan­zen Effekte, brin­gen durch­aus Stol­per­fal­len mit sich, wenn es um Seman­tik geht.

Wenn wir lang­sam aber sicher wirk­lich an den Punkt kom­men, wo Web­sei­ten ihre Inhalt kor­rekt struk­tu­rie­ren, Über­schrif­ten H-Tags bekom­men, Absätze sepa­rat in p-Tags gepackt wer­den, Lis­ten auch wirk­lich HTML-Listen sind, dann zwingt einem jQuery wie­der einen Schritt zurück. Ganz ein­fa­ches Bei­spiel dafür ist die Tabs-Funktion, basie­rend auf einer eher sub­t­op­ti­ma­len Seman­tik, bei der eine Liste mit Anker-Links, Ele­mente steu­ert, die struk­tu­rell gar­nichts mit ihr zu tun haben. Es mag jetzt nicht grund­le­gend falsch sein grund­le­gend kor­rekt ist es jedoch auch nicht.

Wei­ter­hin habe ich ein grund­sätz­li­ches Pro­blem so stark auf Java-Skript zu bauen. Ich nutze pri­vat grund­sätz­lich das NoScript-Plugin für Fire­fox, was grund­sätz­lich erst­mal alle Skripts auf allen Sei­ten deak­ti­viert. Jedes Skript muss dann manu­ell erlaubt wer­den. Auf der eige­nen Seite dann mit schlech­tem Bei­spiel vor­ran zu gehen und Javaskript fast essen­ti­ell wer­den zu las­sen, ist zu hin­ter­fra­gen. Bin wirk­lich unsi­cher, wie weit man jQuery in die Seite inte­grie­ren sollte. Keine Frage sol­che Tabs sind extrem effi­zi­ente Nut­zung der Flä­che, nur logisch und struk­tu­rell kor­rekt inte­griert soll­ten sie sein. Auch im Archiv würde sowas unter Umstän­den sinn­voll sein. Mal schauen.

Bil­der ska­lie­ren ja/nein

Der Ein­trag zum Ska­lie­ren von Bil­dern zeigt ein grund­sätz­li­ches Pro­blem. Man ent­wi­ckelt immer für eine Mil­lion ver­schie­dene Sys­teme, Brow­ser, Ver­sio­nen und zumin­des­tens für meine kleine Nische hier, bin ich in der glück­li­chen Lage, nicht für den kleins­ten gemein­sa­men Nen­ner ent­wi­ckeln zu müs­sen. IE6 wird hier voll­stän­dig igno­riert, IE7 bekommt nur die not­wen­digs­tens Son­der­be­hand­lun­gen. Um jedoch allen Windows-Systemen, ein offen­sicht­lich rück­stän­di­ges OS, hier per­fekt zu bedie­nen, müsste ich mit Blick in die Zukunft zuviele Ein­ge­ständ­nisse machen.

Spei­cher­platz wird immer güns­ti­ger, Display-Auflösungen stei­gen mehr und mehr, Brow­ser und andere Pro­gramme wer­den immer fort­schritt­li­cher. Damit ist klar, dass ich den Qua­li­täts­ver­lust bei der Bild­dar­stel­lung auf eini­gen Sys­tmen, in Kauf nehme, mit der Zuver­sicht zukünf­tig mehr Spiel­raum zu haben. Das größte Pro­blem beim Wech­sel auf ein brei­te­res Lay­out waren die plötz­lich zu klei­nen Bil­der. Ein sol­cher Feh­ler soll hier nicht mehr statt­fin­den. Darum bleibe ich dabei: Bil­der wer­den grö­ßer gespei­chert als ich sie eigent­lich aktu­ell brau­che.

Würde ich bei Bil­dern anfan­gen, müsste ich auch Schrif­ten über­den­ken, denn auch hier hin­ken die Windows-Systeme deut­lich hin­ter­her. Ich bin wirk­lich kein Apple-Fanatiker, aber das muss man ein­fach mal so erwäh­nen, OSX deklas­siert die Windows-Systeme, wenn es um die Dar­stel­lung von Schrif­ten geht. Win­dows XP’s (erst manu­ell zu akti­vie­ren­des) Cle­ar­Type hat zuge­ge­ben nun schon die Rente erreicht, aber auch das ver­bes­serte Cle­ar­Type bei Vista lässt Wün­sche offen.

was fehlt noch?

Ändern wird sich noch was im Archiv und auf der Start-Seite. Auch das Kom­men­tar­for­mu­lar wird wohl noch einen Java-Skript-Anstrich bekom­men. Erst­mal funk­tio­niert alles und von der weni­ger ist mehr Linie, möchte ich eigent­lich auch nicht weg. Die Start-Seite mit Tabs zupflas­tern miss­fällt mir irgend­wie dann doch noch.

Inhalt­lich kommt auch was. Rela­tiv fer­tig geschrie­ben ist ein neuer Ein­trag über einen nicht unbe­kann­ten Sci-Fi-Film, Bil­der sind gemacht, wol­len nur noch ange­passt wer­den. The­ma­tisch brach liegt World of War­craft bis­her, obwohl es mehr als genug zu behan­deln gäbe. Auch hier wird sich bald was ändern. Zum Patch 2.4 ist ein Monster-Text geschrie­ben, der aber auf meh­rere Texte ver­teilt wer­den möchte. Die Woche sollte es da schon was zu lesen geben. Ich spiele noch, wenn auch weni­ger. The­ma­tisch gibt WoW noch viel her und diese Texte fin­den immer die meis­ten Leser. Die Nach­frage möchte bedient wer­den. Wird sie bald.

Zum gleichen Thema

• cold-heat.de rebootedFundstücke

• Konfuzius sagt... - Update und FrageOff-Topic

• transparente ÜberschriftenCSS

• 104 RSS Feeds and countingFundstücke

• 100F - GrundlagenCinema

• i was distressedFundstücke

• Kommentarfunktion eingeschränktZeugs