{"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":"Verf\u00fchrerisch schlechtes Webdesign"},"content":{"rendered":"<p>Aus Verse\u00adhen habe ich \u00fcber <a href=\"http:\/\/www.texto.de\/weil-es-kein-update-gab-erfolgsstory-wordpress-2003-2013-1550\/\">diesen<\/a> Beitrag zum zehn\u00adj\u00e4hri\u00adgen \u201cGeburt\u00adstag\u201d von Word\u00adPress die <a href=\"http:\/\/www.webdesign-in.de\/\">Web\u00adsite von Moni\u00adka Thon-Soun<\/a>, nach eige\u00adnen Angaben \u201cFach\u00adfrau &amp; Autorin\u201d in Word\u00adPress-Din\u00adgen mit \u201cBeratung &amp; Humor\u201d, gefun\u00adden. In der Tat finde ich sie sehr lustig.<\/p>\n<p>Bere\u00adits der ini\u00adtiale Aufruf mit aktiviertem <a href=\"http:\/\/noscript.net\/\">NoScript<\/a> (lei\u00adder in der heuti\u00adgen Zeit unverzicht\u00adbare Erweiterung zum Schutz vor nervt\u00f6\u00adten\u00adden Ani\u00adma\u00adtio\u00adnen und unfre\u00adundlichen Zeitgenossen) l\u00e4sst mich schal\u00adlend lachen: Frau Thon-Soun set\u00adzt auf Com\u00adic Sans. <a href=\"http:\/\/bancomicsans.com\/\">Com\u00adic Sans<\/a>. Kann man als Web\u00adde\u00adsign\u00ader machen, muss man nicht. Sollte man vielle\u00adicht 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 aktiviertem JavaScript wird die h\u00e4ssliche Com\u00adic Sans durch eine h\u00e4ssliche Schrif\u00adtart aus dem Inter\u00adnet erset\u00adzt. Dem aufmerk\u00adsamen Betra\u00adchter ent\u00adge\u00adht wahrschein\u00adlich nicht, dass die Vielzahl an Schriften nicht nur nicht son\u00adder\u00adlich zur grafis\u00adchen Aus\u00adge\u00adwogen\u00adheit beitr\u00e4gt, son\u00addern dass einige Schrif\u00adtarten auch ziem\u00adlich kaputt ausse\u00adhen. Aber ich habe keine Ahnung, ich bin ja keine 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>Bere\u00adits auf dieser Start\u00adseite erk\u00adl\u00e4rt Frau Thon-Soun, was sie unter \u201cmod\u00adernem Web\u00adde\u00adsign\u201d (\u201cWeb\u00adDe\u00adsign\u201d, ebd.) ver\u00adste\u00adht:<\/p>\n<blockquote><p>mod\u00adernes Web\u00adDe\u00adsign (\u2026)<\/p>\n<p>\u00bb ist nie per\u00adfekt und nie fer\u00adtig \u2014 aus\u00adbauf\u00e4hig<br>\n\u00bb bietet Textgestal\u00adtung \u2014 lese\u00adfre\u00adundlich<\/p><\/blockquote>\n<p>\u201cAus\u00adbauf\u00e4hige Textgestal\u00adtung\u201d. H\u00fcb\u00adsch zusam\u00admenge\u00adfasst. Und sie selb\u00adst kommt diesen eige\u00adnen Forderun\u00adgen wie nach? Nun, auch das erf\u00e4hrt der geneigte Besuch\u00ader:<\/p>\n<blockquote><p>der Web\u00adDe\u00adsign\u00ader 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\u00fchren<\/p><\/blockquote>\n<p>Ein kurzes Lacherchen (ja, Humor hat\u2019se) \u00fcber das mit dem Ver\u00adf\u00fchren und dann zur\u00fcck zur Sache.<\/p>\n<p>Web\u00adstan\u00addards und CSS3 will Frau Thon-Soun also beherrschen. Das ist f\u00fcr den Besuch\u00ader vielle\u00adicht nicht ganz so lustig, die Fehlerkon\u00adsole von Fire\u00adfox bekommt aber schon fast keine Luft mehr vor Lachen. Da ste\u00adhen dann so Zeilen wie:<\/p>\n<blockquote><p>War\u00adnung: Dekla\u00adra\u00adtion erwartet, aber \u2018*\u2019 gefun\u00adden.  \u00dcber\u00adsprun\u00adgen bis zur n\u00e4ch\u00adsten Dekla\u00adra\u00adtion<br>\nQuell\u00addatei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZeile: 332<\/p><\/blockquote>\n<p>Der Code in besagter Zeile: <em>.wp_page_numbers ul{display: inline-block; *dis\u00adplay: inline; *zoom: 1;width:100%;}<\/em>. Was immer das machen soll, direkt irgendwelche Stan\u00addards erf\u00fcllt es nun nicht unbe\u00add\u00adingt. Das gle\u00adiche passiert Frau Thon-Soun noch an ver\u00adschiede\u00adnen anderen Stellen.<\/p>\n<p>Gut, einen Fehler verzei\u00adht man schnell, auch, wenn er mehrmals gemacht wird. (Aus Fehlern zu ler\u00adnen ist nicht verpflich\u00adt\u00adend, auch dann nicht, wenn man irgend\u00adwas mit Web\u00adde\u00adsign macht.) Fire\u00adfox verzei\u00adht aber weniger leicht als der Men\u00adsch. Diesen Fehler eben\u00adfalls:<\/p>\n<blockquote><p>War\u00adnung: Fehler beim Ver\u00adar\u00adbeit\u00aden des Wertes f\u00fcr \u2018bor\u00adder-radius\u2019.  Dekla\u00adra\u00adtion ignori\u00adert.<br>\nQuell\u00addatei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZeile: 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\u00adliche Kat\u00ade\u00adgorie fall\u00aden Fehler wie dieser:<\/p>\n<blockquote><p>War\u00adnung: Farbe erwartet, aber \u2019noneim\u00adpor\u00adtant\u2019 gefun\u00adden.  Fehler beim Ver\u00adar\u00adbeit\u00aden des Wertes f\u00fcr \u2018bor\u00adder\u2019.  Dekla\u00adra\u00adtion ignori\u00adert.<br>\nQuell\u00addatei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZeile: 551<\/p>\n<p>War\u00adnung: Farbe erwartet, aber \u2019noneim\u00adpor\u00adtant\u2019 gefun\u00adden.  Fehler beim Ver\u00adar\u00adbeit\u00aden des Wertes f\u00fcr \u2018bor\u00adder\u2019.  Dekla\u00adra\u00adtion ignori\u00adert.<br>\nQuell\u00addatei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZeile: 552<\/p><\/blockquote>\n<p>Zweifel\u00adsohne: <em>noneim\u00adpor\u00adtant<\/em> ist keine Far\u00adbangabe. Gemeint war vielle\u00adicht: <em>border:none !impor\u00adtant;<\/em> \u2014 aber Frau Thon-Soun macht was mit diesem Web\u00adde\u00adsign, die macht solche Fehler nicht. Und schon gar nicht mehrfach.<\/p>\n<p>Sie ist halt Profi. Wenn sie was ver\u00adsiebt, dann wenig\u00adstens richtig:<\/p>\n<blockquote><p>War\u00adnung: Iden\u00adti\u00adfika\u00adtor f\u00fcr Pseudok\u00adlasse oder Pseu\u00addoele\u00adment erwartet, aber \u2019 \u2019 gefun\u00adden.  Regel\u00adsatz wegen ung\u00fcltigem Selek\u00adtor ignori\u00adert.<br>\nQuell\u00addatei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZeile: 734<\/p>\n<p>War\u00adnung: Uner\u00adwartetes Dateiende beim Suchen nach Abschlie\u00dfende } eines ung\u00fclti\u00adgen Regel\u00adsatzes.<br>\nQuell\u00addatei: http:\/\/www.webdesign-in.de\/wp-content\/themes\/mts-webdesign-12\/style.css<br>\nZeile: 736<\/p><\/blockquote>\n<p>(F\u00fcr die grauen\u00advolle Gram\u00admatik in Fire\u00adfox-Fehler\u00admel\u00addun\u00adgen kann sie zumin\u00add\u00adest wahrschein\u00adlich nichts.)<\/p>\n<p>Die zahllosen \u201cWar\u00adnun\u00adgen\u201d auf\u00adgrund von Pr\u00e4\u00adfix-CSS-Angaben (etwa <em>-moz-bor\u00adder-radius<\/em>) m\u00f6chte ich hier gar nicht weit\u00ader auseinan\u00addernehmen, obige Beispiele soll\u00adten gen\u00fc\u00adgen.<\/p>\n<p>Frau Thon-Soun hat ihrer Web\u00adsite den Seit\u00aden\u00adti\u00adtel \u201cpro\u00adfes\u00adsion\u00adal Web\u00adDe\u00adsign bar\u00adri\u00adere\u00adfrei\u201d gegeben. Ja, doch, Humor hat sie.<\/p>\n<hr>\n<p>Nach\u00adtrag: In den Kom\u00admentaren zu ein\u00adgangs erw\u00e4h\u00adn\u00adtem Beitrag wirft mir Frau Thon-Soun vor, mich hin\u00adter <em>eventueller Satire<\/em> zu <em>ver\u00adsteck\u00aden<\/em>. Ich teile diese Auf\u00adfas\u00adsung nicht.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aus Verse\u00adhen habe ich \u00fcber diesen Beitrag zum zehn\u00adj\u00e4hri\u00adgen \u201cGeburt\u00adstag\u201d von Word\u00adPress die Web\u00adsite von Moni\u00adka Thon-Soun, nach eige\u00adnen Angaben \u201cFach\u00adfrau &amp; Autorin\u201d in Word\u00ad\u00adPress-Din\u00ad\u00adgen mit \u201cBeratung &amp; Humor\u201d, gefun\u00adden. In der Tat finde ich sie sehr lustig. Bere\u00adits der ini\u00adtiale Aufruf mit aktiviertem NoScript (lei\u00adder in der heuti\u00adgen Zeit unverzicht\u00adbare Erweiterung zum Schutz vor \u2026<\/p>\n<p><a href=\"https:\/\/tuxproject.de\/blog\/2013\/03\/verfuehrerisch-schlechtes-webdesign\/\" class=\"more-link\">\u2018Ver\u00adf\u00fchrerisch schlecht\u00ades Web\u00adde\u00adsign\u2019 weit\u00ader\u00adlesen \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,"footnotes":""},"categories":[8,19],"tags":[],"series":[],"class_list":["post-7785","post","type-post","status-publish","format-standard","hentry","category-netzfundstucke","category-nerdkrams"],"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}]}}