Mobify.js jetzt Open Source und unter MIT-Lizenz
Kommentare

Das Mobile App Framework Mobify ist ab sofort für jeden kostenlos erhältlich. Zusätzlich steht der Code auf GitHub für freiwillige Mitarbeit bereit. Mit Mobify lassen sich Websites für mobile Geräte

Das Mobile App Framework Mobify ist ab sofort für jeden kostenlos erhältlich. Zusätzlich steht der Code auf GitHub für freiwillige Mitarbeit bereit. Mit Mobify lassen sich Websites für mobile Geräte anpassen. Auch der komplette Neueinstieg in die Mobile-Welt soll damit einfach möglich sein.

Mit Mobify werden Websites mit einem JavaScript-Snippet ausgestattet, die das Client-Gerät erkennen. Anschließend wird die entsprechende Anpassung via Bootstrapping gestartet. Nun wird der DOM entsprechend dieser Informationen angepasst. Fertig ist die Mobile-Website. Als Demo dient etwa die Website von Starbucks.

Zur automatischen Anpassung Eurer bestehenden Websites dient der Mobify Client, der in der Node.js-Kommandozeile läuft. Er kümmert sich um Build und Deployment der Apps. Falls Ihr eine Mobile-First-Website aufbauen wollt, findet Ihr im Paket Code- und Design-Elemente, die häufige Einsatzszenarien abdecken sollen.

Unter der Haube von der Templating Engine von Mobify verbirgt sich Dust.js, das LinkedIn mit mustache, handlebars und anderen Templating-Frameworks verglichen hat.

Im Kern setzt man auf Zepto statt auf das populäre jQuery, da Zepto erheblich schlanker ist, dabei dennoch die jQuery-Syntax beachtet. Allerdings geht bei dieser Entscheidung der Support für einige ältere Browser verloren, jedoch sei dies im mobilen Sektor nahezu irrelevant, da man dort mehrheitlich auf WebKit-Browser trifft.

Weitere Informationen zu den Features von Mobify sowie zur Entwicklung mit dem Mobile-App-Framework findet Ihr in der offiziellen Ankündigung. Der Screencast zeigt Euch in elf Minuten, wie Ihr eine Website mit Mobify erstellt:

Coding a Mobile Site with Mobify.js from Mobify on Vimeo.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -