Frank Wisniewski, Elisabeth Blümelhuber, Christian Proinger

GWT Best Practices II

ISBN: 978-3-86802-502-6

© 2014 entwickler.press

Ein Imprint der Software & Support Media GmbH

1 Anpassungs- und reaktionsfähiges Design mit dem Google Web Toolkit

Die zunehmende Device-Divergenz macht „Responsive Web Design (RWD)“ nicht nur zu einem der Trends in 2013, sondern zur Notwendigkeit für eine moderne und professionelle Internetpräsenz [1]. Im Vergleich zur herkömmlichen Vorgehensweise über die neueren Webstandards wie HTML5 und CSS Media Queries bietet die Umsetzung in GWT durchaus Vorteile, die in diesem Kapitel gezeigt werden sollen.

Immer mehr und immer verschiedenartigere Geräte tummeln sich im World Wide Web. Nicht mehr nur der Desktoprechner, sondern auch Smartphones, Tablets, Spielekonsolen, Fernseher, E-Book-Reader, ja selbst Kühlschränke sind internetfähig. Was des Nutzers Herz erwärmt, stellt den armen Webdesigner vor neue Herausforderungen in puncto Interoperabilität und Nutzbarkeit seines Webangebots.

Zugegeben muss die Darstellung nicht für Kühlschränke optimiert werden. Aber sie sollte auf einem möglichst großen Anteil der übrigen Medien adäquat sein. Auch muss sich das Navigationsmenü mit der jeweils angebundenen Peripherie bedienen bzw. ansteuern lassen und der Einsatzbereich des Geräts beachtet werden. So wird eine HD-Auflösung vor einem Fernsehapparat sitzend anders wahrgenommen als vor einem Notebook.

1.1 Auf der Suche nach der eierlegenden Wollmilchsau

Zu Beginn soll eine kleine Checkliste einen groben Überblick geben, welche Kriterien für eine Webanwendung zur Emulation eines nativen Erlebnisses auf dem Wiedergabegerät herangezogen werden könnten:

Medientyp: Berücksichtigung von Typografie, Layout und Farbgebung (Braille, Sprachausgabe, TV, Bildschirm ...)

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!

Lesen Sie weiter in der vollständigen Ausgabe!