Rebooting all over...

• web­de­sign

»Vom Eise befreit sind Strom und Bäche…« Der Früh­ling naht und wem die Zeit bis zum CSS–Reboot Spring 2006 am 01.05.2006 zu lange dau­ert, der machts ein­fach gleich.

So hat z.B. Manuela Hoff­mann ihre Site pixel​gra​phix​.de neu auf­ge­setzt und ins­ge­samt gefällt sie mir per­sön­lich bes­ser. Farb­lich, visu­ell gar nicht so gra­vie­rend anders, aber wesent­lich kla­rer, über­sicht­li­cher und mehr blog-​alike gegen­über dem frü­he­ren Sam­mel­su­rium aus Bei­trä­gen, Quick-​, Side– und sons­ti­gen Links. Dies­be­züg­lich ein kla­rer Sprung nach vorn. Was ich nicht ver­stehe ist, warum die Seite nach einem expli­zi­ten Reboot über­all War­nun­gen pro­du­ziert (HTML Tidy), z.B.:

pixel­gra­phix Reboot – Rede­sign abgeschlossen

Ergeb­nis der Prü­fung:
War­nung: nes­ted empha­sis <strong>
War­nung: ‘<’ + ‘/​’ + let­ter not allo­wed here
War­nung: ‘<’ + ‘/​’ + let­ter not allo­wed here
War­nung: ‘<’ + ‘/​’ + let­ter not allo­wed here
War­nung: ‘<’ + ‘/​’ + let­ter not allo­wed here
War­nung: <a> esca­ping mal­for­med URI refe­rence
War­nung: <a> con­ver­ting back­slash in URI to slash
War­nung: <a> esca­ping mal­for­med URI refe­rence
War­nung: <a> esca­ping mal­for­med URI refe­rence
War­nung: <a> esca­ping mal­for­med URI refe­rence
War­nung: <a> esca­ping mal­for­med URI refe­rence
0 Feh­ler /​11 Warnungen

Es ist nur ein Bei­spiel, aber diese War­nun­gen soll­ten ohne gro­ßen Auf­wand zu besei­ti­gen sein. Ich will jetzt nicht den Quell­text aus­ein­an­der neh­men, aber einen <script> … </script>-Bereich sollte die Co-​Autorin des Buches “Pro­fes­sio­nel­les Web­de­sign mit (X)HTML und CSS” schon ordent­lich aus­kom­men­tie­ren kön­nen, oder? Es sind Klei­nig­kei­ten, mei­nen application/xhtml+xml Mono­log lasse ich mal gleich außen vor (Ist das schon die Kapi­tu­la­tion? Kann sein… zumin­dest bis zum IE 8 sigh), aber in der Summe ist es recht viel, was da von den Web­stan­dards abweicht. Ja klar, die Seite läuft, ist optisch recht anspre­chend und funk­tio­na­bel, aber sollte man von einem/​r Netzkrauter/​in nicht im bes­ten Sinne eine Art Refe­renz erwar­ten kön­nen? Viel­leicht ist das der fal­sche Anspruch, okay. Kommentar-​Hinweise dies­be­züg­lich wer­den, hm… na ja, ent­ge­gen­ge­nom­men. (Ande­res Bei­spiel: Auf praegnanz​.de sind sämt­li­che Sei­ten nicht valide, weil ein sim­pler Amper­sand nicht ordent­lich als Entity gesetzt wird und das zieht sich so durch bei der deut­schen Webstandard-​Elite.) Ich finde es ein­fach unver­ständ­lich, wie man auf wirk­lich gut gemach­ten Sei­ten umfang­reich erklärt, wie Web­sei­ten Cross-​Browser-​kompatibel, valide, stan­dard­kon­form und bar­rie­re­frei erstellt wer­den und es dann selbst schlei­fen läßt…

Wahr­schein­lich fehlt mir der Blick fürs Große, ich halte mich an Klei­nig­kei­ten auf, Erb­sen­zäh­ler der ich bin. Sorry.

Es gab noch einen Reboot einer Netz-​Größe. Dus­tin Diaz hat alles nach außen gestülpt und maxi­mal umge­krem­pelt. Reboo­ti­ger gehts nicht. Das neue Design gefällt mir momen­tan nicht, aber oft­mals braucht man bei so kras­sen Ver­än­de­run­gen etwas Zeit, das sacken zu las­sen. Vor allem im höhe­ren Alter. Viel­leicht liegt es aber auch daran, daß mir das alte Design ein­fach so gut gefiel. Es hatte zwar ein biß­chen was von einem Rund-​um-​Sorglos Blogger-​Template, aber ich fand es nett. Ande­rer­seits ist Diaz ein Meis­ter was Acces­si­bi­lity und Usa­bi­lity angeht, in Deutsch­land würde er wahr­schein­lich den Barrierefreiheits-​Preis im Abo neh­men. Diese Aspekte fan­den nun in sei­nem neuen Design all­um­fas­send Ein­fluß und das hat er toll gelöst.

So bie­tet er über ent­spre­chende Style­s­heets neben dem neuen Standard-​Theme und einer mehr oder weni­ger lay­out­freien Vari­ante, auch eine Ver­sion für seh­schwa­che Men­schen an (Big & Zoo­med). Dar­über hin­aus kann die Web­seite auch für Handheld-​Devices mit einer spe­zi­el­len For­ma­tie­rung aus­ge­lie­fert wer­den und zu guter Letzt gibt es natür­lich noch eine Fas­sung für den Druck. Damit setzt Diaz mal wie­der neue Maß­stäbe. Neben die­sen Usability-​Optimierungen, prä­sen­tiert sich die Seite in grund­le­gend neuer und nicht gerade blog-​üblicher Form. Ein Exzerpt des aktu­ells­ten Pos­ting auf der Index-​Seite, alles andere nur per Titel »ange­ris­sen«. Zum »IN sein« gehört heute wohl auch Pod­cas­ting und so gibt es seit eini­gen Tagen auch bei Diaz den ers­ten Cast zum Rein­hö­ren. Alles in allem eine nach wie vor ton­an­ge­bende Seite und an die opti­sche 180°-Drehung wird man sich bestimmt gewöhnen.

Wer auf den »Ich mach alles neu« Geschmack gekom­men ist und nur ein Ziel vor Augen braucht, der kann sich z.B. für den CSS Reboot im Mai ein­tra­gen, ansons­ten ein­fach anfan­gen, der nächste Früh­ling kommt bestimmt. =)

Kommentare können mit (X)HTML-Elementen oder mit Textile ausgezeichnet werden. Es werden nicht alle Elemente unterstützt. Diesbezüglich gilt: »Weniger ist mehr.«

Smallprint

Impressum & Co.

• Feeds
• About
• Impressum
• Feedback

HA·BÁ·RI