Projekte mit PhoneGap Build realisieren

PhoneGap Build ermöglicht die Cloud-basierte Erstellung von Apps mit Phonegap. Nach dem Hochladen der eigenen Source, vorzugsweise als Git-Repository, lassen sich die eigenen Quellen in Apps für verschiedene Plattformen kompilieren. Für Entwickler gibt es eine kostenlose Version von PhoneGap Build mit einigen Einschränkungen. Für eine monatliche Gebühr gibt es erweiterten Zugang.

zepto.js – JavaScript Framework für mobile Entwicklung

Mit der zunehmenden Verbreitung von Smartphones und dem Boom im mobilen Internet gibt es auch zunehmend mehr JavaScript Frameworks, die sich ausschließlich auf mobile Anwendungen optimiert sind. Da gibt es ältere Bibliotheken wie iui oder neuere Frameworks wie jQuery mobile. Heute möchte ich aber auf ein anderes JS Toolkit namens zepto.js eingehen.

Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax.

Zepto soll durch eine Größe von max. 5Kb besonders schnell geladen werden können. Die Syntax soll komptabibel zu jQuery sein. Zu den unterstützten Plattformen zählen zur Zeit Android, iOS und Palms WebOS.

Das Projekt befindet sich noch in der Beta-Phase. Die folgende Präsentation gibt einen Überblick über zepto.js.

zepto.js in Version 0.6 erschienen

Das aerogel-weight mobile JavaScript Framework zepto.js ist in Version 0.6 erschienen und nähert sich mit 4.8 KB dem eigens gesetzten Limit von 5 KB.

Neu in Version 0.6 von zepto.js sind:

.add, .appendTo, .prependTo, .replaceWith, .empty, .submit, text nodes in selectors, function args for .add/.remove/.toggleClass, improvements to events and xhr, cleanups and improved jQuery compatibility.

Das aktuelle Release des jquery-Syntax kompatiblen Frameworks kann der auf der Webseite von zepto.js heruntergeladen werden.

PhoneGap 0.9.5 mit Filetransfer-Unterstützung

Wie gerade bei Golem gelesen habe, wurde PhoneGap gestern in der Version 0.9.5 veröffentlicht. Da ich jetzt (endlich!) meine erste App baue und dabei auf Phonegap setze, bin ich über sämtliche Updates des Projektes natürlich sehr erfreut. Neben den üblichen Bugfixes und Verbesserungen ist für mich der interessanteste Teil die Implementierung des Directories und Systems File API. In Verbindung mit der Möglichkeit von File Transfers kann ich meine App um interessante neue Features erweitern.

Tutorial zu PhoneGap

Auf der Webseite von Hiedi Utley findet sich mehrteiliges Tutorial zu PhoneGap, welches ich jedem Mobile Developer-Neuling wärmstens empfehlen kann! Das in sechs Teile aufgesplittete Werk fängt nicht bei Null an, aber erklärt sehr ziel-führend, wie sich PhoneGap zur Entwicklung einer eigenen iPhone-App einsetzen lässt.

jQuery Mobile Alpha 3 veröffentlicht

Die jQuery Erweiterung für mobile Endgeräte befindet sich auf dem Weg zu einer Beta-Version. Das Team hat die dritte Alpha-Version der Bibliothek veröffentlicht. Die neue Version behebt viele der Probleme mit denen wir bei der Entwicklung des neuen mobilen Portals für podcast.de konfrontiert waren.

Herausforderungen beim Erstellen mobiler Webseiten

Der Artikel How To Build A Mobile Website im Smashing Magazine beschreibt sehr gut, die Herausforderungen – lies Schwierigkeiten, aber auch Notwendigkeiten eine mobile Version der eigenen Webseiten zu erstellen.

Der von Jon Raasch erstellte Artikel gibt sehr viele wertvolle Tipps, die direkt bei der Entwicklung helfen!

iPhone Webseiten mit iui

Ich habe die letzten beiden Tage damit verbracht, eine mobile Webseite optimiert für das iPhone®, bzw. den iPod Touch® aufzusetzen. Dank des iui-Projektes ging das auch wirklich schnell und beinahe schmerzfrei.

Angesichts der Tatsache, dass ich nicht wirklich der FrontEnd-Mensch bin, finde ich das Resultat sehr beeindruckend. Sieh selbst: podcast.de für das iPhone®.

Es gibt einfache Listen, Listen mit Bildern, kombinierte Listen, ein Suchformular, Suchergebnislisten, eine Quicktime-Integration zum Abspielen von Mediendateien, Detailseiten mit Logos und Beschreibungen. Ich habe den Funktionsumfang, den iui von Haus aus bietet, inklusive einiger zusätzlicher Extensions, weitestgehend ausgenutzt. Ganz bin ich nicht darum herum gekommen, eigenes CSS und JavaScript zu schreiben. Die Positionierung der Bilder ließ sich nur mit zusätzlichem CSS so realisieren, wie ich mir das vorstellte. Die Ads zur Finanzierung der Seite lade ich per AJAX nach.

Einziges Kopfzerbrechen bereite mir, warum das Suchformular nicht abgeschickt wurde. Im JavaScript wird überprüft, ob das Skript sich im busy state befindet und das scheint immerzu der Fall zu sein, wenn man das Formular abschicken möchte. Ich habe daher die Abfrage auskommentiert und danach funktionierte auch dieser Teil.

Hast du auch schon einmal eine Seite mit iui realisiert? Wie war dein Eindruck? Kennst du Alternativen? Findest du die besser?