NetzfundstückeNerdkrams
Ver­füh­re­risch schlech­tes Web­de­sign

Aus Ver­se­hen habe ich über die­sen Bei­trag zum zehn­jäh­ri­gen „Geburts­tag“ von Word­Press die Web­site von Moni­ka Thon-Soun, nach eige­nen Anga­ben „Fach­frau & Autorin“ in Word­Press-Din­gen mit „Bera­tung & Humor“, gefun­den. In der Tat fin­de ich sie sehr lustig.

Bereits der initia­le Auf­ruf mit akti­vier­tem NoScript (lei­der in der heu­ti­gen Zeit unver­zicht­ba­re Erwei­te­rung zum Schutz vor nerv­tö­ten­den Ani­ma­tio­nen und unfreund­li­chen Zeit­ge­nos­sen) lässt mich schal­lend lachen: Frau Thon-Soun setzt auf Comic Sans. Comic Sans. Kann man als Web­de­si­gner machen, muss man nicht. Soll­te man viel­leicht auch nicht.

Webdesign-in.de ohne JavaScript

Mit akti­vier­tem Java­Script wird die häss­li­che Comic Sans durch eine häss­li­che Schrift­art aus dem Inter­net ersetzt. Dem auf­merk­sa­men Betrach­ter ent­geht wahr­schein­lich nicht, dass die Viel­zahl an Schrif­ten nicht nur nicht son­der­lich zur gra­fi­schen Aus­ge­wo­gen­heit bei­trägt, son­dern dass eini­ge Schrift­ar­ten auch ziem­lich kaputt aus­se­hen. Aber ich habe kei­ne Ahnung, ich bin ja kei­ne Fach­frau.

Webdesign-in.de mit JavaScript

Bereits auf die­ser Start­sei­te erklärt Frau Thon-Soun, was sie unter „moder­nem Web­de­sign“ („Web­De­sign“, ebd.) ver­steht:

moder­nes Web­De­sign (…)

» ist nie per­fekt und nie fer­tig – aus­bau­fä­hig
» bie­tet Text­ge­stal­tung – lese­freund­lich

„Aus­bau­fä­hi­ge Text­ge­stal­tung“. Hübsch zusam­men­ge­fasst. Und sie selbst kommt die­sen eige­nen For­de­run­gen wie nach? Nun, auch das erfährt der geneig­te Besu­cher:

der Web­De­si­gner in mir…

» Web­stan­dards
» CSS3 und HTML5 genau­so wie XHTML strict
(…)
» ihre Kun­den ver­füh­ren

Ein kur­zes Lacher­chen (ja, Humor hat’se) über das mit dem Ver­füh­ren und dann zurück zur Sache.

Web­stan­dards und CSS3 will Frau Thon-Soun also beherr­schen. Das ist für den Besu­cher viel­leicht nicht ganz so lustig, die Feh­ler­kon­so­le von Fire­fox bekommt aber schon fast kei­ne Luft mehr vor Lachen. Da ste­hen dann so Zei­len wie:

War­nung: Dekla­ra­ti­on erwar­tet, aber ‚*‘ gefun­den. Über­sprun­gen bis zur näch­sten Dekla­ra­ti­on
Quell­da­tei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zei­le: 332

Der Code in besag­ter Zei­le: .wp_page_numbers ul{display: inline-block; *dis­play: inline; *zoom: 1;width:100%;}. Was immer das machen soll, direkt irgend­wel­che Stan­dards erfüllt es nun nicht unbe­dingt. Das glei­che pas­siert Frau Thon-Soun noch an ver­schie­de­nen ande­ren Stel­len.

Gut, einen Feh­ler ver­zeiht man schnell, auch, wenn er mehr­mals gemacht wird. (Aus Feh­lern zu ler­nen ist nicht ver­pflich­tend, auch dann nicht, wenn man irgend­was mit Web­de­sign macht.) Fire­fox ver­zeiht aber weni­ger leicht als der Mensch. Die­sen Feh­ler eben­falls:

War­nung: Feh­ler beim Ver­ar­bei­ten des Wer­tes für ‚bor­der-radi­us‘. Dekla­ra­ti­on igno­riert.
Quell­da­tei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zei­le: 183

Frau Thon-Soun schreibt dort border-radius:none. Kann man machen, ist halt falsch. In eine ähn­li­che Kate­go­rie fal­len Feh­ler wie die­ser:

War­nung: Far­be erwar­tet, aber ’non­eim­portant‘ gefun­den. Feh­ler beim Ver­ar­bei­ten des Wer­tes für ‚bor­der‘. Dekla­ra­ti­on igno­riert.
Quell­da­tei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zei­le: 551

War­nung: Far­be erwar­tet, aber ’non­eim­portant‘ gefun­den. Feh­ler beim Ver­ar­bei­ten des Wer­tes für ‚bor­der‘. Dekla­ra­ti­on igno­riert.
Quell­da­tei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zei­le: 552

Zwei­fels­oh­ne: non­eim­portant ist kei­ne Farb­an­ga­be. Gemeint war viel­leicht: border:none !important; – aber Frau Thon-Soun macht was mit die­sem Web­de­sign, die macht sol­che Feh­ler nicht. Und schon gar nicht mehr­fach.

Sie ist halt Pro­fi. Wenn sie was ver­siebt, dann wenig­stens rich­tig:

War­nung: Iden­ti­fi­ka­tor für Pseu­do­klas­se oder Pseu­do­ele­ment erwar­tet, aber ‘ ‘ gefun­den. Regel­satz wegen ungül­ti­gem Selek­tor igno­riert.
Quell­da­tei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zei­le: 734

War­nung: Uner­war­te­tes Datei­ende beim Suchen nach Abschlie­ßen­de } eines ungül­ti­gen Regel­sat­zes.
Quell­da­tei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zei­le: 736

(Für die grau­en­vol­le Gram­ma­tik in Fire­fox-Feh­ler­mel­dun­gen kann sie zumin­dest wahr­schein­lich nichts.)

Die zahl­lo­sen „War­nun­gen“ auf­grund von Prä­fix-CSS-Anga­ben (etwa -moz-bor­der-radi­us) möch­te ich hier gar nicht wei­ter aus­ein­an­der­neh­men, obi­ge Bei­spie­le soll­ten genü­gen.

Frau Thon-Soun hat ihrer Web­site den Sei­ten­ti­tel „pro­fes­sio­nal Web­De­sign bar­rie­re­frei“ gege­ben. Ja, doch, Humor hat sie.


Nach­trag: In den Kom­men­ta­ren zu ein­gangs erwähn­tem Bei­trag wirft mir Frau Thon-Soun vor, mich hin­ter even­tu­el­ler Sati­re zu ver­stecken. Ich tei­le die­se Auf­fas­sung nicht.

Senfecke:

  1. Auch das beant­wor­tet mei­ne Fra­ge nicht. Denn viel­leicht war sie damals kei­ne Web­de­si­gne­rin. Ande­rer­seits hät­te es mich auch gewun­dert, wenn Du je

    ein­mal bereits gezeigt hät­test, dass du die Fol­gen dei­nes Tuns ver­stan­den hast und höchst ver­ant­wor­tungs­be­wusst die Kon­se­quen­zen gezo­gen hät­test.

  2. Ich weiß nicht mal so genau, wovon sie spricht. Dürf­te alles etwas län­ger her sein. Ich hat­te aller­dings auch noch nie­mals eine Liai­son mit einer Moni­ka.

  3. Vie­len Dank für die lücken­lo­se Auf­klä­rung. Durch die­sen Bei­trag habe ich mehr über Web­de­sign erfah­ren, als ich je wis­sen woll­te :shock:
    Wie soll ich das jemals wie­der ver­ges­sen? :evil:

  4. Tut mir leid, aber dei­ne web­site ist auch nicht gera­de zum Her­zei­gen.
    Ich find die Sei­te von Frau Thon-Soun super. Ihre Tex­te sind wit­zig.
    Im Gegen­satz dazu hast du nichts und kannst ande­re nur schlecht machen.
    Ein Jam­mer – eigent­lich soll­te dich Fr. Thon-Soun ver­kla­gen.
    Ist dein Ava­tar eigent­lich ein Foto oder Aus­druck dei­ner Selbst?

    • Kannst du mir viel­leicht ein Bei­spiel für einen die­ser „wit­zi­gen Tex­te“ nen­nen? Ich ver­die­ne übri­gens mein Geld nicht mit Web­de­sign, muss also auch kei­ne hüb­sche Web­site haben.

      Ver­kla­gen wofür? Das Mel­den von Feh­lern auf ihrer Web­site? Da bin ich ja mal gespannt.

      Mein Ava­tar­bild zeigt das unver­gleich­li­che „In The Court of the Crims­on King“, du Banau­se.

  5. In The Court of the Crims­on King – ok gebs zu – die musik ist super :) – kann­te das album bild nicht

  6. habs ir noch­mals über­legt und ange­schaut. du hast recht. lösch mei­ne kom­men­ta­re wenn du willst.

Comments are closed.

https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_smilenew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_biggrin2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_sadnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_eek.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_shocked.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_confusednew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_coolnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_lol.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_madnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_aufsmaul.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_seb_zunge.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_blushnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_frown.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_twistedevil1.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_twistedevil2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/icon_mad.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_rolleyesnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_wink2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_idea2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_arrow2.gif 
mehr …
 

Erlaubte Tags:
<strong> <em> <pre> <code> <a href="" title=""> <img src="" title="" alt=""> <blockquote> <q> <b> <i> <del> <tt> <span style=""> <strike>

Datenschutzhinweis: Deine IP-Adresse wird nicht gespeichert. Details findest du hier.