NetzfundstückeNerdkrams
Verführerisch schlechtes Webdesign

Aus Verse­hen habe ich über diesen Beitrag zum zehn­jähri­gen “Geburt­stag” von Word­Press die Web­site von Moni­ka Thon-Soun, nach eige­nen Angaben “Fach­frau & Autorin” in Word­Press-Din­gen mit “Beratung & Humor”, gefun­den. In der Tat finde ich sie sehr lustig.

Bere­its der ini­tiale Aufruf mit aktiviertem NoScript (lei­der in der heuti­gen Zeit unverzicht­bare Erweiterung zum Schutz vor nervtö­ten­den Ani­ma­tio­nen und unfre­undlichen Zeitgenossen) lässt mich schal­lend lachen: Frau Thon-Soun set­zt auf Com­ic Sans. Com­ic Sans. Kann man als Web­de­sign­er machen, muss man nicht. Sollte man vielle­icht auch nicht.

Webdesign-in.de ohne JavaScript

Mit aktiviertem JavaScript wird die hässliche Com­ic Sans durch eine hässliche Schrif­tart aus dem Inter­net erset­zt. Dem aufmerk­samen Betra­chter ent­ge­ht wahrschein­lich nicht, dass die Vielzahl an Schriften nicht nur nicht son­der­lich zur grafis­chen Aus­ge­wogen­heit beiträgt, son­dern dass einige Schrif­tarten auch ziem­lich kaputt ausse­hen. Aber ich habe keine Ahnung, ich bin ja keine Fach­frau.

Webdesign-in.de mit JavaScript

Bere­its auf dieser Start­seite erk­lärt Frau Thon-Soun, was sie unter “mod­ernem Web­de­sign” (“Web­De­sign”, ebd.) ver­ste­ht:

mod­ernes Web­De­sign (…)

» ist nie per­fekt und nie fer­tig — aus­baufähig
» bietet Textgestal­tung — lese­fre­undlich

“Aus­baufähige Textgestal­tung”. Hüb­sch zusam­menge­fasst. Und sie selb­st kommt diesen eige­nen Forderun­gen wie nach? Nun, auch das erfährt der geneigte Besuch­er:

der Web­De­sign­er in mir…

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

Ein kurzes Lacherchen (ja, Humor hat’se) über das mit dem Ver­führen und dann zurück zur Sache.

Web­stan­dards und CSS3 will Frau Thon-Soun also beherrschen. Das ist für den Besuch­er vielle­icht nicht ganz so lustig, die Fehlerkon­sole von Fire­fox bekommt aber schon fast keine Luft mehr vor Lachen. Da ste­hen dann so Zeilen wie:

War­nung: Dekla­ra­tion erwartet, aber ‘*’ gefun­den. Über­sprun­gen bis zur näch­sten Dekla­ra­tion
Quell­datei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zeile: 332

Der Code in besagter Zeile: .wp_page_numbers ul{display: inline-block; *dis­play: inline; *zoom: 1;width:100%;}. Was immer das machen soll, direkt irgendwelche Stan­dards erfüllt es nun nicht unbe­d­ingt. Das gle­iche passiert Frau Thon-Soun noch an ver­schiede­nen anderen Stellen.

Gut, einen Fehler verzei­ht man schnell, auch, wenn er mehrmals gemacht wird. (Aus Fehlern zu ler­nen ist nicht verpflich­t­end, auch dann nicht, wenn man irgend­was mit Web­de­sign macht.) Fire­fox verzei­ht aber weniger leicht als der Men­sch. Diesen Fehler eben­falls:

War­nung: Fehler beim Ver­ar­beit­en des Wertes für ‘bor­der-radius’. Dekla­ra­tion ignori­ert.
Quell­datei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zeile: 183

Frau Thon-Soun schreibt dort border-radius:none. Kann man machen, ist halt falsch. In eine ähn­liche Kat­e­gorie fall­en Fehler wie dieser:

War­nung: Farbe erwartet, aber ’noneim­por­tant’ gefun­den. Fehler beim Ver­ar­beit­en des Wertes für ‘bor­der’. Dekla­ra­tion ignori­ert.
Quell­datei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zeile: 551

War­nung: Farbe erwartet, aber ’noneim­por­tant’ gefun­den. Fehler beim Ver­ar­beit­en des Wertes für ‘bor­der’. Dekla­ra­tion ignori­ert.
Quell­datei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zeile: 552

Zweifel­sohne: noneim­por­tant ist keine Far­bangabe. Gemeint war vielle­icht: border:none !impor­tant; — aber Frau Thon-Soun macht was mit diesem Web­de­sign, die macht solche Fehler nicht. Und schon gar nicht mehrfach.

Sie ist halt Profi. Wenn sie was ver­siebt, dann wenig­stens richtig:

War­nung: Iden­ti­fika­tor für Pseudok­lasse oder Pseu­doele­ment erwartet, aber ’ ’ gefun­den. Regel­satz wegen ungültigem Selek­tor ignori­ert.
Quell­datei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zeile: 734

War­nung: Uner­wartetes Dateiende beim Suchen nach Abschließende } eines ungülti­gen Regel­satzes.
Quell­datei: http://www.webdesign-in.de/wp-content/themes/mts-webdesign-12/style.css
Zeile: 736

(Für die grauen­volle Gram­matik in Fire­fox-Fehler­mel­dun­gen kann sie zumin­d­est wahrschein­lich nichts.)

Die zahllosen “War­nun­gen” auf­grund von Prä­fix-CSS-Angaben (etwa -moz-bor­der-radius) möchte ich hier gar nicht weit­er auseinan­dernehmen, obige Beispiele soll­ten genü­gen.

Frau Thon-Soun hat ihrer Web­site den Seit­en­ti­tel “pro­fes­sion­al Web­De­sign bar­ri­ere­frei” gegeben. Ja, doch, Humor hat sie.


Nach­trag: In den Kom­mentaren zu ein­gangs erwäh­n­tem Beitrag wirft mir Frau Thon-Soun vor, mich hin­ter eventueller Satire zu ver­steck­en. Ich teile diese Auf­fas­sung nicht.

Senfecke:

  1. Auch das beant­wortet meine Frage nicht. Denn vielle­icht war sie damals keine Web­de­signer­in. Ander­er­seits hätte es mich auch gewun­dert, wenn Du je

    ein­mal bere­its gezeigt hättest, dass du die Fol­gen deines Tuns ver­standen hast und höchst ver­ant­wor­tungs­be­wusst die Kon­se­quen­zen gezo­gen hättest.

  2. Ich weiß nicht mal so genau, wovon sie spricht. Dürfte alles etwas länger her sein. Ich hat­te allerd­ings auch noch niemals eine Liai­son mit ein­er Moni­ka.

  3. Vie­len Dank für die lück­en­lose Aufk­lärung. Durch diesen Beitrag habe ich mehr über Web­de­sign erfahren, als ich je wis­sen wollte :shock:
    Wie soll ich das jemals wieder vergessen? :evil:

  4. Tut mir leid, aber deine web­site ist auch nicht ger­ade zum Herzeigen.
    Ich find die Seite von Frau Thon-Soun super. Ihre Texte sind witzig.
    Im Gegen­satz dazu hast du nichts und kannst andere nur schlecht machen.
    Ein Jam­mer — eigentlich sollte dich Fr. Thon-Soun verk­la­gen.
    Ist dein Avatar eigentlich ein Foto oder Aus­druck dein­er Selb­st?

    • Kannst du mir vielle­icht ein Beispiel für einen dieser “witzi­gen Texte” nen­nen? Ich ver­di­ene übri­gens mein Geld nicht mit Web­de­sign, muss also auch keine hüb­sche Web­site haben.

      Verk­la­gen wofür? Das Melden von Fehlern auf ihrer Web­site? Da bin ich ja mal ges­pan­nt.

      Mein Avatar­bild zeigt das unver­gle­ich­liche “In The Court of the Crim­son King”, du Banause.

  5. In The Court of the Crim­son King — ok gebs zu — die musik ist super :) — kan­nte das album bild nicht

  6. habs ir nochmals über­legt und angeschaut. du hast recht. lösch meine kom­mentare 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.