Mobile Web
Responsive Design
In der mobilen Welt müssen auch Webseiten ein angepasstes, benutzerfreundliches und bedienbares Design anzeigen.
Dazu muss das Rad nicht neu erfunden werden, denn es gibt schöne Frameworks auf denen man aufbauen kann, wie z.B.:
- Bootstrap Twitter
- Foundation von Zurb
- GroundworkCSS
Dennoch gibt es die ein oder andere kleine Fußangel, die man kennen muss, damit das "responsive Design" schnell und sicher umgesetzt wird.
Der nächste Schritt nach dem responsiven Design ist die eigene Web-App...
Web-Apps
![]() | Web-Apps sind eine hervorragende Alternative für nativ programmierte Anwendungen. Sie werden auf Basis von HTML5, CSS und JavaScript entwickelt und funktionieren dann auf allen mobilen Endgeräten. Sie simulieren Verhalten und Aussehen, als ob es sich um eine nativ programmierte Anwendung handelt.
|
![]() | Mit JavaScript-Frameworks, wie EmberJS oder AngularJS können spannende Single-Page-Applications entwickelt werden. Danach werden nur noch reine Daten mit dem Server ausgetauscht, so dass Datenvolumen und Geschwindigkeit auch für mobile Endgeräte optimal sind.
|
![]() | Mit Apache Cordova/Phone Gap steht ein System zur Verfügung, reine Web-Apps mit Hilfe von Frameworks, z.B. jQuery-Mobile, HTML5 und CSS zu entwickeln, um sie dann zu nativen Anwendungen zu packen. Wie das funktioniert? Nachdem PhoneGap seine Arbeit getan hat, wird die native Anwendung auf das Telefon übertragen. Dieses startet die App in einem Browser ohne Steuerelemente. So entsteht der Eindruck einer nativen App.
|