Mobile Web mit Webstandards Axel Duerkop, trainXL @trainxl
Buch- und Lesetipps
"HTML5. Webseiten innovativ und zukunftssicher"
"Build Mobile Websites and Apps for Smart Devices"
"HTML5-Apps für iPhone und Android"
"Modernes Webdesign mit CSS"
"Responsive Webdesign"
"How To Build A Mobile Website"
"Why Separate Mobile & Desktop Web Pages?"
Sehr lesenswerte Argumente gegen Responsive Webdesign und für eine separate Mobile-Seite derselben Anwendung.
Bekannte Sprachen, neue Features
HTML5
HTML5 Boilerplate, Durchstarten mit Initializr
CSS3
Sencha CSS3 Cheat Sheet für Webkit
Sass
Compass
JavaScript
clientseitig, jQuery, Ext JS
serverseitig, node.js
NoSQL-Datenbanken, MongoDB, CouchDB
Ansprechen von APIs in PhoneGap
Flash
Apps oder Website?
Website-Optimierung für Mobile
Responsive Webdesign, Progressive Enhancement, Graceful Degradation, Techniken, Media Queries, Beispiele, dconstruct.org, Hicks Design, Adaptive Images, 1140 CSS Grids, Funktionsweise, Vor- und Nachteile, Services und Tools zum Optimieren von Webseiten, Allgemein, Feature Detection vs. UA Sniffing, Modernizr, "Conditional Resource Loading", Polyfills, yepnopejs, Bilder, Sencha I/O, Smush.it, Adaptive Images, HTML5 Boilerplate, Projekt, Video-Einführung
Apps
Native Apps
WebApps, Frameworks, jQuery Mobile, Sencha Touch, Services, strobe.com
hybride Apps, PhoneGap, PhoneGap Build
README
Zu dieser Mindmap gehört eine Präsentation, die unter http://trainxl.github.com/2011-09-16_MobileWebPraese/slideshow/ am besten im Safari aussieht. Sie ist mithilfe des freien Projekts deckjs (https://github.com/imakewebthings/deck.js) entstanden und verwendet HTML5, CSS3 und JavaScript/jQuery, also Webstandards.
