{"id":4734,"date":"2013-05-27T07:34:22","date_gmt":"2013-05-27T05:34:22","guid":{"rendered":"http:\/\/dreibeinblog.de\/?p=4734"},"modified":"2018-05-13T10:32:55","modified_gmt":"2018-05-13T08:32:55","slug":"webdesign-am-i-responsive","status":"publish","type":"post","link":"https:\/\/dreibeinblog.de\/webdesign-am-i-responsive\/","title":{"rendered":"Webdesign f\u00fcr mobile Endger\u00e4te &#8211; Am I Responsive?"},"content":{"rendered":"<h3 id=\"webdesign-fuer-mobile-endgeraete\">Webdesign f\u00fcr mobile Endger\u00e4te<\/h3>\n<p class=\"opener\">An einen Layout, das auch auf mobilen Endger\u00e4ten gut dargestellt wird, kommt man heute im <strong>Webdesign<\/strong> nicht mehr vorbei. Ja, viele Theme-Layouter gehen sogar so weit, da\u00df sie &#8222;mobile first&#8220;-Themes f\u00fcr WordPress anbieten; Themes also, die in erster Linie auf iPhone, Android-Dingern und Tabletts gut dargestellt werden und nur in zweiter Linie auch auf dem heimischen Gro\u00dfbildschirm gut aussehen.<\/p>\n<p>Ob die eigene Seite auf allen Ger\u00e4ten gut dargestellt wird, das erfragten Seitenbetreiber oft bei ihren Lesern, was ja an und f\u00fcr sich auch keine schlechte Idee ist, da man so schnell Berichte auch von Anwendern exotischer Ger\u00e4te  und Ger\u00e4t-Browser-Kombinationen bekommt.<\/p>\n<p>Sehr einfach \u00fcberpr\u00fcfen kann man sein Webdesign auf der Seite &#8222;<a href=\"http:\/\/ami.responsivedesign.is\/\">Am I Responsive<\/a>&#8222;:<\/p>\n<div id=\"attachment_4735\" style=\"width: 476px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/ami.responsivedesign.is\/\"><img decoding=\"async\" aria-describedby=\"caption-attachment-4735\" src=\"\/\/dreibeinblog.de\/wp-content\/uploads\/am-i-responsive.jpg\" alt=\"Webdesign\" width=\"466\" height=\"272\" class=\"size-full wp-image-4735\" \/><\/a><p id=\"caption-attachment-4735\" class=\"wp-caption-text\">Anklicken, eigene URL angeben und schauen!<\/p><\/div>\n<p>Sehr sch\u00f6n sehen kann man ein mobilgeeignetes Webdesign auch auf der Seite <a href=\"http:\/\/webseitendesign.eu\" title=\"webdesign\">http:\/\/www.webseitendesign.eu<\/a>, die sich per se mit <a href=\"http:\/\/www.webseitendesign.eu\/\" title=\"Webdesign\" target=\"_blank\">Webdesign<\/a> besch\u00e4ftigt:<\/p>\n<div id=\"attachment_4736\" style=\"width: 360px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webseitendesign.eu\/\"><img decoding=\"async\" aria-describedby=\"caption-attachment-4736\" src=\"\/\/dreibeinblog.de\/wp-content\/uploads\/webdesign-eu.jpg\" alt=\"webdesign\" width=\"350\" height=\"202\" class=\"size-full wp-image-4736\" \/><\/a><p id=\"caption-attachment-4736\" class=\"wp-caption-text\">webseitendesign.eu<\/p><\/div>\n<p>Im Gegensatz zu meiner Seite (dreibeinblog.de) kommt www.webseitendesign.eu mit wechselnden Bildern im Header daher und man kann auf &#8222;Am I Responsive&#8220; wunderbar in den einzelnen, dargestellten Endger\u00e4ten sehen, da\u00df auch die Slider korrekt dargestellt werden.<br \/>\n<!--more--><br \/>\nDie Darstellung der einzelnen Endger\u00e4te auf &#8222;Am I Responsive&#8220; kann man \u00fcbrigens per Drag&#8217;n-Drop leicht ver\u00e4ndern. Eine praktische Sache.<\/p>\n<p>Es gibt ja heutzutage nichts Schlimmeres als eine Webseite, die keine mobile Ausgabe besitzt. Bei solchen Seiten mu\u00df man dann auf dem Handy zoomen, die Bildschirmausgabe hin und her schieben und bekommt keinen richtigen Eindruck von der Seite. Wichtige Informationen aus Seitenleisten oder K\u00e4stchen bleiben so meist ungelesen.<br \/>\nBei der Gestaltung eines mobilen Themes geht man verschiedene Wege. Entweder man nutzt ein Plugin, das eine bestehende Seite auf ein mobiles Alternativtheme umrechnet und auf kleinen Ger\u00e4ten anders darstellt oder man nutzt eines der vielen mittlerweile angebotenen Themes, die schon von Anfang an mobil sehr gut darstellbar sind.<\/p>\n<p>Neben der Skalierbarkeit der Textspalten kommt es auch auf die Skalierbarkeit von Fotos, Grafiken und Tabellen an, damit der Benutzer mobiler Ger\u00e4te ebenfalls eine perfekte Darstellung genie\u00dfen kann.<\/p>\n<p>&#8222;<a href=\"http:\/\/ami.responsivedesign.is\/#\" title=\"webdesign\">Am I Responsive<\/a>&#8220; hilft einem hier weiter. Empfehlung!<\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/rmTg-qHcGs4\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p><a target=\"_blank\" href=\"http:\/\/searchenginewatch.com\/article\/2269055\/5-Pillars-of-a-Successful-Modern-Web-Design\" alt=\"webdesign\">5 Pillars of a Successful Modern Web Design Search Engine Watch<\/a><br \/>\n<a target=\"_blank\" href=\"http:\/\/webdesignledger.com\/inspiration\/21-beautiful-examples-of-using-white-in-web-design\" alt=\"webdesign\">21 Beautiful Examples of Using White in Web Design Inspiration<\/a> <\/p>\n<div class=\"image-sources\"><strong>Bildquellen:<\/strong><ul><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Webdesign f\u00fcr mobile Endger\u00e4te An einen Layout, das auch auf mobilen Endger\u00e4ten gut dargestellt wird, kommt man heute im Webdesign nicht mehr vorbei. Ja, viele Theme-Layouter gehen sogar so weit,<\/p>\n<div class=\"bd-more-btn\"><a href=\"https:\/\/dreibeinblog.de\/webdesign-am-i-responsive\/\" class=\"readmore\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/weiterlesen.webp\" alt=\"weiterlesen\" width=\"185\" height=\"103\" class=\"readmore\" \/><\/a><\/div>\n","protected":false},"author":1,"featured_media":4735,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"wp-worthy-pixel":{"ignored":false,"public":"46b9fe2288f8455e80be999643439c34","server":"vg08.met.vgwort.de","url":"https:\/\/vg08.met.vgwort.de\/na\/46b9fe2288f8455e80be999643439c34"},"wp-worthy-type":"normal","_links":{"self":[{"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/posts\/4734"}],"collection":[{"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/comments?post=4734"}],"version-history":[{"count":0,"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/posts\/4734\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/media\/4735"}],"wp:attachment":[{"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/media?parent=4734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/categories?post=4734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dreibeinblog.de\/wp-json\/wp\/v2\/tags?post=4734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}