{"id":413,"date":"2010-04-11T15:08:13","date_gmt":"2010-04-11T13:08:13","guid":{"rendered":"http:\/\/blog.idethloff.de\/wordpress\/?p=413"},"modified":"2018-03-03T13:32:02","modified_gmt":"2018-03-03T11:32:02","slug":"iwebkit-webseiten-furs-iphone","status":"publish","type":"post","link":"https:\/\/blog.idethloff.de\/wordpress\/?p=413","title":{"rendered":"iWebKit &#8211; Webseiten f\u00fcrs iPhone"},"content":{"rendered":"<p>Das HTML\/CSS-Framework iWebKit erm\u00f6glicht es auf einfache Art und Weise, Webseiten f\u00fcrs iPhone\/iPodTouch zu gestalten. Das Besondere: In Look und Feel kommen sie Apps schon sehr nahe &#8211; insbesondere, wenn man sie als Lesezeichen auf dem Home-Bildschirm ablegt.<\/p>\n<p>Es macht sehr viel Sinn, sich zu \u00fcberlegen, welche seiner Webseiten-Inhalte man f\u00fcrs iPhone anbieten m\u00f6chte und wie man die Gestaltung regelt. Bei iWebKit ist z.B. die M\u00f6glichkeit von Blog-Feeds vorgesehen oder auch das Gestalten von Listen.<br \/>\nDas kam den Inhalten meiner Homepage sehr entgegen und so habe ich genau diese Elemente (Blog sowie Audio-Dateien aus meinem Podcast) genommen, um sie mittels iWebKit aufzubereiten. Ebenfalls eine sch\u00f6ne M\u00f6glichkeit sind Foto-Listen; bei diesen habe ich ausgew\u00e4hlte Fotos meiner Homepage allerdings in geeigneter Gr\u00f6\u00dfe neu konvertiert.<\/p>\n<p>Mit dem Browser Safari (auf entsprechende Gr\u00f6\u00dfe eingestellt) kann man auch ohne iPhone einen Eindruck gewinnen, wie es dort aussehen w\u00fcrde. Mit anderen Browsern hapert es etwas mit der Darstellung, insbesondere bei der Navigation.<\/p>\n<p>Hier ein Screenshot meiner Homepage (<a title=\"Homepage Ingrid Dethloff mobile\" href=\"http:\/\/www.idethloff.de\/iPhone\" target=\"_blank\">http:\/\/www.idethloff.de\/iPhone<\/a>) auf meinem\u00a0 iPodTouch:<\/p>\n<p><a href=\"http:\/\/www.idethloff.de\/images\/mobile-ID-website-mittel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" title=\"Homepage mobile\" src=\"https:\/\/www.idethloff.de\/images\/mobile-ID-website-ganzkl.jpg\" alt=\"\" width=\"133\" height=\"200\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das HTML\/CSS-Framework iWebKit erm\u00f6glicht es auf einfache Art und Weise, Webseiten f\u00fcrs iPhone\/iPodTouch zu gestalten. Das Besondere: In Look und Feel kommen sie Apps schon sehr nahe &#8211; insbesondere, wenn man sie als Lesezeichen auf dem Home-Bildschirm ablegt. Es macht sehr viel Sinn, sich zu \u00fcberlegen, welche seiner Webseiten-Inhalte man f\u00fcrs iPhone anbieten m\u00f6chte und &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.idethloff.de\/wordpress\/?p=413\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eiWebKit &#8211; Webseiten f\u00fcrs iPhone\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-413","post","type-post","status-publish","format-standard","hentry","category-software"],"_links":{"self":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=413"}],"version-history":[{"count":18,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/413\/revisions"}],"predecessor-version":[{"id":1944,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/413\/revisions\/1944"}],"wp:attachment":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}