Revision 137: Mobile Browser Wonderland

Published: Sept. 24, 2013, 11:25 a.m.

b'Aus Mangel an aktuellen Themen geben Peter, Stefan und der Schepp einen\\nRundumschlag zum Thema Mobile Browser. Wir plaudern fr\\xf6hlich aus dem\\nN\\xe4hk\\xe4stchen, erz\\xe4hlen von unseren Erfahrungen und pr\\xe4sentieren die irrsinnigsten\\nBrowserquirks, die selbst dem IE6 alle Ehre gemacht h\\xe4tten.\\n\\n\\n[00:00:17] NEWS\\n\\nADOBE GENERATOR FOR PHOTOSHOP CC\\n\\nEchtzeit Assets direkt aus Photoshop in eure App? Geht mit dieser offziellen\\nErweiterung von Adobe.\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:05:00] HTML5 VIDEO MIT MP4\\n\\nSchepp erz\\xe4hlt von seinen j\\xfcngsten Erfahrungen mit HTML5 Videos auf mobilen\\nBrowsern, und welche Browser sich trotz allen Vorkehrungen sich durch einen\\nbestimmten Grund querstellen, wenn es um das Abspielen von MP4 geht. Peter und\\nStefan raten mehrmals falsch, die L\\xf6sung ist umso augen\\xf6ffnender\\n\\n[00:11:08] SCROLLING\\n\\nSchon mal eine Seite mit \\u201etollen\\u201c Scrollingeffekten auf iOS Safari angesehen?\\nScrolling blockiert den Render-Thread aus diversen Gr\\xfcnden, Abhilfe schaffen\\nJavaScript Bibliotheken wie iScroll und Scrollability, aber auch nur bedingt,\\nwie Stefan auf Android 2.x ger\\xe4ten schmerzhaft erfahren musste.\\n\\n[00:18:07] RENDERING GESCHWINDIGKEIT\\n\\nPeter erz\\xe4hlt von seinen Kursen mit HTML5 Padawanen und wie sogar auf\\nDesktop-Browsern keine ordentliche Renderperformance zustande kommt (Continuous\\nPainting Mode ist des R\\xe4tsels L\\xf6sung). Schepp empfiehlt CSS Transforms statt\\nherk\\xf6mmlichen Positionierungsm\\xf6glichkeiten, wenn es um fl\\xfcssige Animationen geht\\nund predigt und erkl\\xe4rt Browser-Verst\\xe4ndnis, wie in seinem letzten Artikel in\\nder Screenguide.\\n\\n[00:28:30] DEBUGGING\\n\\nW\\xe4hrend man sich in den mobilen Urzeiten meist mit dem alert()-Debugger Abhilfe\\nschaffen musste, gibt es jetzt mittlerweile ein paar sehr gute Tools, die einem\\ndabei helfen. Command Line Tools Wasserfalldiagramme zu erstellen und im Web zu\\nbetrachten. Zu guter Letzt stellen wir noch das MIHTool vor.\\n\\n[00:38:46] MOBILE SAFARI, IE10 UND DIE ANDROID EIGENHEITEN\\n\\nWer aktuell f\\xfcr den iOS Safari entwickelt muss sich auf diverse IE6 und WWII\\nVergleiche einstellen. Wir plaudern \\xfcber unsere Erfahrungen mit den\\nverschiedenen Plattformen und deren Standardbrowsern und kommen zum Schlu\\xdf, dass\\nwir nur noch von IE6en umgeben sind. Au\\xdferdem erw\\xe4hnen wir clevere Hacks, wie\\nPeters IndexDB Polyfill, erw\\xe4hnen das 300ms Klick Delay und welche Probleme man\\ndamit hat, und verdammen neue Browser, die selbst die einfachsten Viewport\\nAnweisungen nicht ohne Extraeinladungen verstehen.\\n\\n[01:08:57] AUDIO\\n\\nDie Klammer schlie\\xdft sich. War Video schon ein gebrochenes Ding, geht es mit\\nHTML5 Audio weiter. Stefan erz\\xe4hlt von der Ein-Klick-Regel und erw\\xe4hnt\\nSoundsprites, und wir geben Hinweise auf Audio-Bibliotheken wie Howler,\\nSoundManager2 und Roadie.js\\n\\n[01:15:04] GET FIREFOX\\n\\nZu guter Letzt brechen wir noch eine Lanze f\\xfcr Firefox, dem mobilen Browser der\\nim Moment wohl alles richtig zu machen scheint.\\n\\n\\n[01:16:55] GL\\xdcCKSRAD\\n\\nDAS TEMPLATE ELEMENT\\n\\nSchepp erkl\\xe4rt uns das