Mint für iPhone optimieren

Um Mint auf dem iPhone einspaltig darzustellen benötigt man lediglich ein kleines Stylesheet und natürlich den entsprechenden Verweis im <head>. Richard Herrera hat sich die Mühe gemacht das zu dokumentieren, sodass man es in 60 Sekunden selbst erledigen kann. Das Ergebnis sieht dann so aus:

Mint auf iPhone

Ziemlich praktisch um unterwegs ohne Laptop auf dem Laufenden zu bleiben.

Und wenn ich nun schonmal dabei bin: Manche Dinge funktionieren auf dem iPhone nicht und das ist auch ganz gut so. Dazu gehört zum Beispiel der Event-Handler onchange bei Dropdown-Menüs sowie die CSS-Eigenschaft position: fixed bei allen Elementen.

Ersteres zeigt sehr anschaulich, dass unobtrusive JavaScript nicht nur etwas für JS-Verweigerer, sondern auch nützlich für die Nutzer mobiler Geräte ist. Es gilt für die meisten Anwendungsfälle die einfache Regel: UI-Elemente erst ohne JavaScript funktionstüchtig machen und dann die Benutzerfreundlichkeit mit JS lediglich erhöhen anstatt eine Funktion damit erst möglich zu machen.

via: Peppermint Tea

Update: Gerade erst gebloggt und schon hat Shaun das Ganze in ein iPhone Pepper gepackt, um den Leuten die Handarbeit zu sparen.

Eine Reaktion zu “Mint für iPhone optimieren”

  1. Gravatar Pingback von: Make your Mint iPhone friendly | Doctyper

    […] Update #2: Now with fancy screenshot! (via) […]

Einen Kommentar schreiben

Du kannst Textile benutzen um den Kommentar zu formatieren.