In Windows 8 können Metro-style-Apps mit HTML, CSS und Javascript entwickelt werden – soviel ist allgemein bekannt. (Web) Developer müssen sich mit Metro Design auseinandersetzen. Auch nichts Neues. Es gibt allerdings einige Themen, die in Windows 8 beachtet werden sollten. Das beginnt bei der Touch-Eingabe und impliziert somit beispielsweise die Minimalgröße von Controls und geht bis zu HTML5 und CSS Tipps!
Dieser MSDN-Artikel informiert über einige Besonderheiten beim Design von Metro-Apps mit HTML:
Using HTML controls to create great Metro style apps
Hier einige Beispiele:
Ein Button in Metro sieht anders aus als im Browser:
Texte sollten immer mit CSS formatiert werden (und wenig Grafiken verwendet werden):
Touch-Steuerung (Finger) sind nicht präzise:
Controls sollten sofort reagieren, beispielsweise beim Drücken oder Loslassen:
Ganz wichtig sind natürlich Fonts, Segoe UI ist (für die westlichen Sprachen) Standard.
Alle Details für Windows 8 Developer sind im Original-Artikel zu finden: Using HTML controls to create great Metro style apps
In diesem Sinne: Make your app fast and fluid – with HTML!
Categories: General, Developer, Microsoft, Windows, HTML5
Source: https://blog.atwork.at/post/Mit-HTML-Controls-zu-tollen-Metro-style-Apps