Das Entwickeln von Applikationen für verschiedene Geräte, wie iPhone, Android und Windows Phone ist sehr aufwendig, da für die unterschiedlichen Plattformen die Kenntnis verschiedener Programmiersprachen benötigt wird. Eine Lösung für dieses Problem liefern Cross-Plattform Tools, die durch normales HTML und JavaScript native Apps für verschiedene Plattformen generieren.

Motivation Im Rahmen des Initialprojekts für Mobile Anwendungen habe ich mit “QR Live Stats” eine kleine Webapplikation erstellt, die Daten aus der Google Anylatics API im Frontend ausgibt. Ansich ist das keine Hexerei und mit relativ wenig Code umsetzbar – jedoch gibt es eine Menge Stolpersteine, die es zu überwinden gilt, bevor man zu dem gewünschten […]

Angefangen hat alles mit Google PageSpeed Insights. Als Ben Edwards seine Website mit dem Tool von Google überprüfte, empfahl es ihm Teile von seinem CSS-Code inline im HTML-Dokument auszuliefern um die Ladezeit zu verkürzen. CSS Code in HTML einbinden, hört sich im ersten Moment schrecklich und falsch an. Gerade für mobile Geräte, wo die Internetverbindung […]

Heutzutage sehen wir uns Inhalte im Web auf verschiedenen Geräten in verschiedenen Größen, Auflösungen und Pixeldichten an. Responsive Webentwicklung ist mittlerweile sogar Pflicht, wenn man bei Google ganz weit oben stehen möchte. Viele Webseiten sind bereits responsive, aber oft wird hier essentielles vergessen, nämlich die Bilder. Mit dem <img>-Element binden wir normalerweise einzelne Bilder ein. […]

Obwohl es viele Icon Schriftarten, wie zum Beispiel Font Awesome oder Iconic, gibt, die du ohne weiteres verwenden kannst, kann es mal dazu kommen, dass du deine eigene Icon Schrift erzeugen möchtest. Zum Beispiel wenn du selbst designte Icons einsetzen oder verschiedene Icons von unterschiedlichen Schriftsätzen kombinieren möchtest. In diesem Beitrag werden sechs kostenlose Icon […]

In letzter Zeit wird man als Entwickler und Designer immer mehr mit dem Thema SVGs, auch “scalable vector graphics”, konfrontiert. Doch warum ist das eigentlich so und was sind eigentlich SVGs. In diesem Blogpost möchte ich auf die Vor- und Nachteile von SVGs eingehen und in kleinen Beispielen zeigen, wofür man SVGs sinnvollerweise verwenden kann.

Wer viel mit HTML in Kombination mit PHP arbeitet, kennt das Problem vielleicht… irrsinnig unübersichtliche Files mit langen ineinander verschachtelten HTML und PHP Code Schnipseln. Eine gute Methode den Codesalat etwas zu entwirren ist ein eine Templating Engine wie zum Beispiel PHP xTemplate oder Smarty. Damit lässt sich sozusagen der Code vom „Design“ trennen. PHP […]

Wenn eine App für mehrere Plattformen nativ erscheinen sollen, ist es oft wünschenswert nur das native Userinterface in der Zielsprache zu schreiben und möglichst viel Business Logic nur einmal zu schreiben. Es gibt einige Programmiersprachen die dieses Problem zu lösen. Zum einen gibt es natürlich Javascript, allerdings werden Apps in denen Javascript verwendet wird eher als hybrid […]