{"id":7785,"date":"2013-03-20T21:44:39","date_gmt":"2013-03-20T20:44:39","guid":{"rendered":"http:\/\/tuxproject.de\/blog\/?p=7785"},"modified":"2013-03-21T02:16:36","modified_gmt":"2013-03-21T01:16:36","slug":"verfuehrerisch-schlechtes-webdesign","status":"publish","type":"post","link":"https:\/\/tuxproject.de\/blog\/2013\/03\/verfuehrerisch-schlechtes-webdesign\/","title":{"rendered":"Ver\u00adf\u00fch\u00adre\u00adrisch schlech\u00adtes Web\u00adde\u00adsign"},"content":{"rendered":"<p>Aus Ver\u00adse\u00adhen habe ich \u00fcber <a href=\"http:\/\/www.texto.de\/weil-es-kein-update-gab-erfolgsstory-wordpress-2003-2013-1550\/\">die\u00adsen<\/a> Bei\u00adtrag zum zehn\u00adj\u00e4h\u00adri\u00adgen \u201eGeburts\u00adtag\u201c von Word\u00adPress die <a href=\"http:\/\/www.webdesign-in.de\/\">Web\u00adsite von Moni\u00adka Thon-Soun<\/a>, nach eige\u00adnen Anga\u00adben \u201eFach\u00adfrau &amp; Autorin\u201c in Word\u00adPress-Din\u00adgen mit \u201eBera\u00adtung &amp; Humor\u201c, gefun\u00adden. In der Tat fin\u00adde ich sie sehr lustig.<\/p>\n<p>Bereits der initia\u00adle Auf\u00adruf mit akti\u00advier\u00adtem <a href=\"http:\/\/noscript.net\/\">NoScript<\/a> (lei\u00adder in der heu\u00adti\u00adgen Zeit unver\u00adzicht\u00adba\u00adre Erwei\u00adte\u00adrung zum Schutz vor nerv\u00adt\u00f6\u00adten\u00adden Ani\u00adma\u00adtio\u00adnen und unfreund\u00adli\u00adchen Zeit\u00adge\u00adnos\u00adsen) l\u00e4sst mich schal\u00adlend lachen: Frau Thon-Soun setzt auf Comic Sans. <a href=\"http:\/\/bancomicsans.com\/\">Comic Sans<\/a>. Kann man als Web\u00adde\u00adsi\u00adgner machen, muss man nicht. Soll\u00adte man viel\u00adleicht auch nicht.<\/p>\n<p><a href=\"https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-ohne-JavaScript.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-ohne-JavaScript-300x197.jpg\" alt=\"Webdesign-in.de ohne JavaScript\" width=\"300\" height=\"197\" class=\"alignnone size-medium wp-image-7786\" srcset=\"https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-ohne-JavaScript-300x197.jpg 300w, https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-ohne-JavaScript-120x79.jpg 120w, https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-ohne-JavaScript-1024x675.jpg 1024w, https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-ohne-JavaScript.jpg 1134w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\"><\/a><\/p>\n<p>Mit akti\u00advier\u00adtem Java\u00adScript wird die h\u00e4ss\u00adli\u00adche Comic Sans durch eine h\u00e4ss\u00adli\u00adche Schrift\u00adart aus dem Inter\u00adnet ersetzt. Dem auf\u00admerk\u00adsa\u00admen Betrach\u00adter ent\u00adgeht wahr\u00adschein\u00adlich nicht, dass die Viel\u00adzahl an Schrif\u00adten nicht nur nicht son\u00adder\u00adlich zur gra\u00adfi\u00adschen Aus\u00adge\u00adwo\u00adgen\u00adheit bei\u00adtr\u00e4gt, son\u00addern dass eini\u00adge Schrift\u00adar\u00adten auch ziem\u00adlich kaputt aus\u00adse\u00adhen. Aber ich habe kei\u00adne Ahnung, ich bin ja kei\u00adne Fach\u00adfrau.<\/p>\n<p><a href=\"https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-mit-JavaScript.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-mit-JavaScript-300x197.jpg\" alt=\"Webdesign-in.de mit JavaScript\" width=\"300\" height=\"197\" class=\"alignnone size-medium wp-image-7787\" srcset=\"https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-mit-JavaScript-300x197.jpg 300w, https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-mit-JavaScript-120x79.jpg 120w, https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-mit-JavaScript-1024x675.jpg 1024w, https:\/\/tuxproject.de\/blog\/wp-content\/uploads\/2013\/03\/Webdesign-in.de-mit-JavaScript.jpg 1134w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\"><\/a><\/p>\n<p>Bereits auf die\u00adser Start\u00adsei\u00adte erkl\u00e4rt Frau Thon-Soun, was sie unter \u201emoder\u00adnem Web\u00adde\u00adsign\u201c (\u201eWeb\u00adDe\u00adsign\u201c, ebd.) ver\u00adsteht:<\/p>\n<blockquote><p>moder\u00adnes Web\u00adDe\u00adsign (\u2026)<\/p>\n<p>\u00bb ist nie per\u00adfekt und nie fer\u00adtig \u2013 aus\u00adbau\u00adf\u00e4\u00adhig<br>\n\u00bb bie\u00adtet Text\u00adge\u00adstal\u00adtung \u2013 lese\u00adfreund\u00adlich<\/p><\/blockquote>\n<p>\u201eAus\u00adbau\u00adf\u00e4\u00adhi\u00adge Text\u00adge\u00adstal\u00adtung\u201c. H\u00fcbsch zusam\u00admen\u00adge\u00adfasst. Und sie selbst kommt die\u00adsen eige\u00adnen For\u00adde\u00adrun\u00adgen wie nach? Nun, auch das erf\u00e4hrt der geneig\u00adte Besu\u00adcher:<\/p>\n<blockquote><p>der Web\u00adDe\u00adsi\u00adgner in mir\u2026<\/p>\n<p>\u00bb Web\u00adstan\u00addards<br>\n\u00bb CSS3 und HTML5 genau\u00adso wie XHTML strict<br>\n(\u2026)<br>\n\u00bb ihre Kun\u00adden ver\u00adf\u00fch\u00adren<\/p><\/blockquote>\n<p>Ein kur\u00adzes Lacher\u00adchen (ja, Humor hat\u2019se) \u00fcber das mit dem Ver\u00adf\u00fch\u00adren und dann zur\u00fcck zur Sache.<\/p>\n<p>Web\u00adstan\u00addards und CSS3 will Frau Thon-Soun also beherr\u00adschen. Das ist f\u00fcr den Besu\u00adcher viel\u00adleicht nicht ganz so lustig, die Feh\u00adler\u00adkon\u00adso\u00adle von Fire\u00adfox bekommt aber schon fast kei\u00adne Luft mehr vor Lachen. Da ste\u00adhen dann so Zei\u00adlen wie:<\/p>\n<blockquote><p>War\u00adnung: Dekla\u00adra\u00adti\u00adon erwar\u00adtet, aber \u201a*\u2018 gefun\u00adden.  \u00dcber\u00adsprun\u00adgen bis zur n\u00e4ch\u00adsten Dekla\u00adra\u00adti\u00adon<br>\nQuell\u00adda\u00adtei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZei\u00adle: 332<\/p><\/blockquote>\n<p>Der Code in besag\u00adter Zei\u00adle: <em>.wp_page_numbers ul{display: inline-block; *dis\u00adplay: inline; *zoom: 1;width:100%;}<\/em>. Was immer das machen soll, direkt irgend\u00adwel\u00adche Stan\u00addards erf\u00fcllt es nun nicht unbe\u00addingt. Das glei\u00adche pas\u00adsiert Frau Thon-Soun noch an ver\u00adschie\u00adde\u00adnen ande\u00adren Stel\u00adlen.<\/p>\n<p>Gut, einen Feh\u00adler ver\u00adzeiht man schnell, auch, wenn er mehr\u00admals gemacht wird. (Aus Feh\u00adlern zu ler\u00adnen ist nicht ver\u00adpflich\u00adtend, auch dann nicht, wenn man irgend\u00adwas mit Web\u00adde\u00adsign macht.) Fire\u00adfox ver\u00adzeiht aber weni\u00adger leicht als der Mensch. Die\u00adsen Feh\u00adler eben\u00adfalls:<\/p>\n<blockquote><p>War\u00adnung: Feh\u00adler beim Ver\u00adar\u00adbei\u00adten des Wer\u00adtes f\u00fcr \u201abor\u00adder-radi\u00adus\u2018.  Dekla\u00adra\u00adti\u00adon igno\u00adriert.<br>\nQuell\u00adda\u00adtei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZei\u00adle: 183<\/p><\/blockquote>\n<p>Frau Thon-Soun schreibt dort <em>border-radius:none<\/em>. Kann man machen, <a href=\"http:\/\/www.css3.info\/preview\/rounded-border\/\">ist halt falsch<\/a>. In eine \u00e4hn\u00adli\u00adche Kate\u00adgo\u00adrie fal\u00adlen Feh\u00adler wie die\u00adser:<\/p>\n<blockquote><p>War\u00adnung: Far\u00adbe erwar\u00adtet, aber \u2019non\u00adeim\u00adportant\u2018 gefun\u00adden.  Feh\u00adler beim Ver\u00adar\u00adbei\u00adten des Wer\u00adtes f\u00fcr \u201abor\u00adder\u2018.  Dekla\u00adra\u00adti\u00adon igno\u00adriert.<br>\nQuell\u00adda\u00adtei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZei\u00adle: 551<\/p>\n<p>War\u00adnung: Far\u00adbe erwar\u00adtet, aber \u2019non\u00adeim\u00adportant\u2018 gefun\u00adden.  Feh\u00adler beim Ver\u00adar\u00adbei\u00adten des Wer\u00adtes f\u00fcr \u201abor\u00adder\u2018.  Dekla\u00adra\u00adti\u00adon igno\u00adriert.<br>\nQuell\u00adda\u00adtei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZei\u00adle: 552<\/p><\/blockquote>\n<p>Zwei\u00adfels\u00adoh\u00adne: <em>non\u00adeim\u00adportant<\/em> ist kei\u00adne Farb\u00adan\u00adga\u00adbe. Gemeint war viel\u00adleicht: <em>border:none !important;<\/em> \u2013 aber Frau Thon-Soun macht was mit die\u00adsem Web\u00adde\u00adsign, die macht sol\u00adche Feh\u00adler nicht. Und schon gar nicht mehr\u00adfach.<\/p>\n<p>Sie ist halt Pro\u00adfi. Wenn sie was ver\u00adsiebt, dann wenig\u00adstens rich\u00adtig:<\/p>\n<blockquote><p>War\u00adnung: Iden\u00adti\u00adfi\u00adka\u00adtor f\u00fcr Pseu\u00addo\u00adklas\u00adse oder Pseu\u00addo\u00adele\u00adment erwar\u00adtet, aber \u2018 \u2018 gefun\u00adden.  Regel\u00adsatz wegen ung\u00fcl\u00adti\u00adgem Selek\u00adtor igno\u00adriert.<br>\nQuell\u00adda\u00adtei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZei\u00adle: 734<\/p>\n<p>War\u00adnung: Uner\u00adwar\u00adte\u00adtes Datei\u00adende beim Suchen nach Abschlie\u00ad\u00dfen\u00adde } eines ung\u00fcl\u00adti\u00adgen Regel\u00adsat\u00adzes.<br>\nQuell\u00adda\u00adtei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZei\u00adle: 736<\/p><\/blockquote>\n<p>(F\u00fcr die grau\u00aden\u00advol\u00adle Gram\u00adma\u00adtik in Fire\u00adfox-Feh\u00adler\u00admel\u00addun\u00adgen kann sie zumin\u00addest wahr\u00adschein\u00adlich nichts.)<\/p>\n<p>Die zahl\u00adlo\u00adsen \u201eWar\u00adnun\u00adgen\u201c auf\u00adgrund von Pr\u00e4\u00adfix-CSS-Anga\u00adben (etwa <em>-moz-bor\u00adder-radi\u00adus<\/em>) m\u00f6ch\u00adte ich hier gar nicht wei\u00adter aus\u00adein\u00adan\u00adder\u00adneh\u00admen, obi\u00adge Bei\u00adspie\u00adle soll\u00adten gen\u00fc\u00adgen.<\/p>\n<p>Frau Thon-Soun hat ihrer Web\u00adsite den Sei\u00adten\u00adti\u00adtel \u201epro\u00adfes\u00adsio\u00adnal Web\u00adDe\u00adsign bar\u00adrie\u00adre\u00adfrei\u201c gege\u00adben. Ja, doch, Humor hat sie.<\/p>\n<hr>\n<p>Nach\u00adtrag: In den Kom\u00admen\u00adta\u00adren zu ein\u00adgangs erw\u00e4hn\u00adtem Bei\u00adtrag wirft mir Frau Thon-Soun vor, mich hin\u00adter <em>even\u00adtu\u00adel\u00adler Sati\u00adre<\/em> zu <em>ver\u00adstecken<\/em>. Ich tei\u00adle die\u00adse Auf\u00adfas\u00adsung nicht.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aus Ver\u00adse\u00adhen habe ich \u00fcber die\u00adsen Bei\u00adtrag zum zehn\u00adj\u00e4h\u00adri\u00adgen \u201eGeburts\u00adtag\u201c von Word\u00adPress die Web\u00adsite von Moni\u00adka Thon-Soun, nach eige\u00adnen Anga\u00adben \u201eFach\u00adfrau &amp; Autorin\u201c in Word\u00ad\u00adPress-Din\u00ad\u00adgen mit \u201eBera\u00adtung &amp; Humor\u201c, gefun\u00adden. In der Tat fin\u00adde ich sie sehr lustig. Bereits der initia\u00adle Auf\u00adruf mit akti\u00advier\u00adtem NoScript (lei\u00adder in der heu\u00adti\u00adgen Zeit unver\u00adzicht\u00adba\u00adre Erwei\u00adte\u00adrung zum Schutz vor \u2026<\/p>\n<p><a href=\"https:\/\/tuxproject.de\/blog\/2013\/03\/verfuehrerisch-schlechtes-webdesign\/\" class=\"more-link\">\u2018Ver\u00adf\u00fch\u00adre\u00adrisch schlech\u00adtes Web\u00adde\u00adsign\u2019 wei\u00adter\u00adle\u00adsen \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[19,8],"tags":[],"series":[],"class_list":["post-7785","post","type-post","status-publish","format-standard","hentry","category-nerdkrams","category-netzfundstucke"],"share_on_mastodon":{"url":"","error":""},"wp-worthy-pixel":{"ignored":false,"public":null,"server":null,"url":null},"wp-worthy-type":"normal","_links":{"self":[{"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/posts\/7785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/comments?post=7785"}],"version-history":[{"count":0,"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/posts\/7785\/revisions"}],"wp:attachment":[{"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/media?parent=7785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/categories?post=7785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/tags?post=7785"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/tuxproject.de\/blog\/wp-json\/wp\/v2\/series?post=7785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}