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 […]

In dem Initialprojekt für Mobile Anwendungen, welches sich mit dem Thema „print-to-mobile“ beschäftigt, habe ich das Projekt QR Live Stats umgesetzt. Idee Ziel von QR Live Stats war es, mit Hilfe von QR-Codes auf Visitenkarten, möglichst viele Personen auf die für dieses Projekt erstellte Website zu leiten.

Für die Initialaufgabe der Masterklasse “Mobiles Internet” 2015, sollten wir eine mobile Applikation unter dem Motto “Print – To – Mobile – Social” konzipieren und umsetzen. Interessenten sollten mithilfe des Printmediums zur App gelangen und zwar auf einer intuitiveren Weise als nur die URL der App im Browser einzugeben. Zusätzlich sollten wir auf die Benutzerfreundlichkeit (Usability) der App achten. Studipuls ist ein location-based, real-time […]