Mit HTML Controls zu tollen Metro style Apps

Von Toni Pohl (Gastblogger) Autor Feed 1. August 2012 07:45

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:

win8-html-metro-buttons

Texte sollten immer mit CSS formatiert werden (und wenig Grafiken verwendet werden):

win8-html-metro-css

Touch-Steuerung (Finger) sind nicht präzise:

win8-html-metro-touch

Controls sollten sofort reagieren, beispielsweise beim Drücken oder Loslassen:

win8-html-metro-pressed

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!



Add comment

  Country flag

biuquote
  • Comment
  • Preview
Loading

Datenschutzhinweis: Sie stimmen durch "Kommentar speichern" der Speicherung Ihrer Angaben durch Microsoft Österreich für die Beantwortung der Anfrage zu. Sie erhalten dadurch keine unerwünschten Werbezusendungen. Ihre Emailadresse wird auf Ihren Wunsch dazu verwendet Sie über neue Kommentare zu informieren.

Microsoft respektiert den Datenschutz. Datenschutz & Cookies

Entwickler Wettbewerbe:

Wettbewerbe

Entwickler Events:

Developer Events

App für Windows 8, Windows Phone oder/und Azure? Diese Events zeigen Dir, wie es geht:

Mehr Information

Aktuelle Downloads

Visual Studio Downloads
 
Windows Azure Free Trial
Instagram
CodeFest.at on Facebook

Datenschutz & Cookies · Nutzungsbedingungen · Impressum · Markenzeichen
© 2013 Microsoft. Alle Rechte vorbehalten · BlogEngine.NET 2.7.0.0 · Diese Website wird für Microsoft von atwork gehostet.
powered by atwork