Webdevelopment

Critical

Critical CSS

Von am 07.12.2015

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

Responsive Webdesign

Responsive Images

Von am 02.12.2015

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

icon-font

6 Kostenlose Tools für die Erstellung eigener Icon Schrift

Von am 23.11.2015

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

SVG Logo

Scalable Vector Graphics

Von am 11.11.2015

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.

logo_xTemplate

PHP xTemplate – eine praktische Templating Engine

Von am 01.11.2015

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

Live Stats

Print To Mobile: QR Live Stats

Von am 26.10.2015

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.

Studipuls, share live moments

Studipuls

Von und am 26.10.2015

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