Warum Seiten auf iOS 9 skaliert werden

shrink to fit auf iOS9

Neulich habe ich eine Website in unterschiedlichen Browsern durchgetestet und da ist mir aufgefallen, dass sie auf iOS 9 beim Laden kurz runter skaliert wird und dann auf die eigentliche Größe springt. Das ist bei jedem Click auf einen Link passiert, was auf Dauer sehr nervig war. Ich konnte nicht herausfinden, was der eigentliche Grund war für das hin und her springen (wahrscheinlich habe ich irgendwas bei den Abmessungen verpfuscht ;)), aber zumindest weiß ich jetzt warum auf iOS 9, und nur auf iOS 9, überhaupt irgendetwas skaliert wird.

(mehr …)

Mehr lesen

Toolbar in Chrome für Android einfärben

Toolbar in Chrome für Android einfärben

Es wird wahrscheinlich aufgefallen sein, dass manche Browserfenster auf Android seit einigen Monaten überraschend bunt sind. Das ist möglich seit Chrome 39 für Android, weil in dieser Version ein neuer Meta-Tag vorgestellt worden ist.

<meta name="theme-color" content="#123456">

Mit dem theme-color Meta-Tag kann man die Status- und Adressleiste einfärben, wie man in den Screenshots oben sehen kann.

Auf iOS funktioniert der Meta-Tag nicht, da kann man nur einstellen wie die Statusleiste im Fullscreen-Modus aussieht.

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Damit man die Darstellung der Statusleiste in iOS ändern kann, muss die Website im Fullscreen-Modus sein, deswegen werden beide Meta-Tags benötigt. Eigene Farben kann man nicht angeben, man hat nur die Wahl zwischen default, black und black-translucent.

Mehr lesen

Dateidownloads in Links mit dem download-Attribut erzwingen

Dateidownloads in HTML5

In HTML5 gibt es ein sehr hilfreiches Feature, das Dateidownloads erzwingt. Gibt man einem Link zu einer Datei das download-Attribut, wird die Datei nicht im Browser geöffnet, sondern heruntergeladen.

Hinweis: Das Attribut funktioniert aktuell nur in Chrome, Firefox und Opera. Für die nächste IE Version wird es angedacht

Browserkompatibilität des download-Attributs auf caniuse.com

<a href="test.html" download>Datei herunterladen</a>

Mit dem download-Attribut wurde ein sehr praktisches Feature geschaffen, das lästiges Experimentieren mit PHP obsolet macht.

Mehr lesen