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

Es kann wohl nicht abgestritten werden, dass Adobe Photoshop immer noch das am häufigsten verwendete Tool für die Erstellung von Prototypen und Mockups für Mobile als auch Web ist. Photoshop war in erster Linie als Bildbearbeitungsprogramm für Fotografen gedacht. Zwar bietet es durchaus Funktionen, welche für das Interface Design von Vorteil sind, jedoch sind dies […]

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

Wir alle können uns daran zurück erinnern, als kleine Mobiltelefone noch im Trend waren. Wirft man einen Blick auf die derzeitig am Markt präsenten Smartphones, lässt sich feststellen, dass diese Zeit jetzt wohl vorüber ist. Smartphones mit großen Displays gibt es schon eine ganze Weile, und alles deutet darauf hin, dass sich das nicht so […]

Die IT SecX – IT Security Community Exchange –  ist eine jährlich stattfindende Konferenz zum Thema IT Sicherheit an der FH St.Pölten. Dieses Jahr habe ich mich zum ersten Mal auch in das Geschehen hinein geworfen und mir einige interessante Vorträge angesehen: The Dark Web – can fraudsters stay anonymous? – Martin Köb, MSc | […]

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.