{"id":62958,"date":"2014-03-19T09:19:50","date_gmt":"2014-03-19T08:19:50","guid":{"rendered":"http:\/\/www.iphone-ticker.de\/?p=62958"},"modified":"2014-03-19T09:35:44","modified_gmt":"2014-03-19T08:35:44","slug":"minimal-ui-in-ios-7-1-neuer-vollbildmodus-fuer-safari-webseiten","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/minimal-ui-in-ios-7-1-neuer-vollbildmodus-fuer-safari-webseiten-62958\/","title":{"rendered":"Minimal-UI in iOS 7.1: Neuer Vollbildmodus f\u00fcr Safari-Webseiten"},"content":{"rendered":"

Neben den sichtbaren Neuerungen kann Apples iOS 7.1-Update auch mehrere, nicht ganz so prominente System-Erweiterungen f\u00fcr sich verbuchen. Beispiel Safari: Webgestalter k\u00f6nnen unter iOS 7.1 jetzt einen neuen Vollbildmodus<\/a> f\u00fcr Webseiten aktivieren.<\/p>\n

Minimal-UI. Die neue Modus blendet die Safari-Werkzeugleiste beim mobilen Besuch von Webseiten aus und nutzt die komplette Display-Fl\u00e4che zur Anzeige des Seiteninhalts aus. Apple beschreibt die neue Funktion.<\/p>\n

A property, minimal-ui, has been added for the viewport meta tag key that allows minimizing the top and bottom bars on the iPhone as the page loads. While on a page using minimal-ui, tapping the top bar brings the bars back. Tapping back in the content dismisses them again.<\/p><\/blockquote>\n

Webmaster, Designer und Gestalter die ihre Seiten unter Mobile Safari im Vollbild anzeigen lassen m\u00f6chten m\u00fcssen die Viewport-Zeile ihres Online-Auftritts um den Parameter „minimal-ui“ erweitern:<\/p>\n

<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui\" \/><\/code><\/p>\n

Beim Besuch entsprechend vorbereiteter Seiten – hier k\u00f6nnt ihr euch ein Beispiel ansehen<\/a> – blendet Safari die normalen Bedienelemente aus und zeigt die Seite Display-F\u00fcllend an. <\/p>\n

Normale Webseite:<\/h2>\n

\"kid\"<\/a><\/p>\n

Webseite mit Minimal-UI:<\/h2>\n

\"kid-min\"<\/a><\/p>\n

Aber aufgepasst: Der Einsatz des neuen Schl\u00fcsselwortes „minimal-ui“ kann derzeit noch f\u00fcr Probleme sorgen. So lassen sich die angezeigten Elemente nur schwer vergr\u00f6\u00dfern, zuvor g\u00fcltige CSS-Platzierungen k\u00f6nnen verrutschen und oberen 40 Pixel der Webseite lassen sich nur schlecht f\u00fcr interaktive Elemente nutzen. Kleine Nicklichkeiten, die auf der Webseite Mobilexweb in einem erkl\u00e4renden Eintrag<\/a> zusammengefasst wurden.<\/p>\n","protected":false},"excerpt":{"rendered":"\"\"<\/a>

Neben den sichtbaren Neuerungen kann Apples iOS 7.1-Update auch mehrere, nicht ganz so prominente System-Erweiterungen f\u00fcr sich verbuchen. Beispiel Safari: Webgestalter k\u00f6nnen unter iOS 7.1 jetzt einen neuen Vollbildmodus f\u00fcr Webseiten aktivieren. Minimal-UI. Die neue Modus blendet die Safari-Werkzeugleiste beim mobilen Besuch von Webseiten aus und nutzt die komplette Display-Fl\u00e4che zur Anzeige des Seiteninhalts aus. […]<\/p>\n","protected":false},"author":1,"featured_media":62960,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[5661,52,2504,430,141],"class_list":["post-62958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","tag-ios","tag-safari","tag-vollbild","tag-web-applikationen","tag-web-apps"],"aioseo_notices":[],"featured_image":["http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2014\/03\/minimal.jpg"],"rest_api_enabler":{"featured_image":"http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2014\/03\/minimal.jpg"},"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/62958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=62958"}],"version-history":[{"count":4,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/62958\/revisions"}],"predecessor-version":[{"id":62965,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/62958\/revisions\/62965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/62960"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=62958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=62958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=62958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}