Ich sehe viel. Manches davon halte ich fest, um es wieder zu finden. Das ist zeitraubend, spart aber Zeit.

Web Development Ressourcen und Inspiration aus meiner täglichen Arbeit als Web Designer und Komponist in einer Bremer Agentur für Kommunikation und Innenarchitektur

// So Gesehen

Mobile-first-Youtube-Advertising-Unskippable-Storytelling
Advertising, Case Study, Dokumentation

Mobile first Youtube Advertising – Unskippable Storytelling

19. Jul 2015

Der Art Director im Wettlauf mit dem Skip Button

think with Google veröffentlicht ein paar interessante Case Study Insights über mobile first Storytelling und unsere Bereitschaft einen Werbefilm auf dem Smartphone nicht zu skippen. Mittelmäßiger Film, aber interessante statistische Ergebnisse und eine wertvolle Micro Site.

hartmut-esslinger-advice-for-designers-movie
Design Prinzipien, Kurzfilm

Kurzinterview: Hartmut Esslingers Design Philosophie

20. Jun 2015

frog design Gründer Esslinger hat neben einem guten Auge vor allem eins. Haltung.

Design Philosophie durch die Brille einer Legende. Im Nachhinein wusste man das alles schon. Bestimmt. Macht sicher Spaß, mit ihm das Rad neu zu erfinden. Am Ende passt der Titel: Advice for Designers.

material-design-showcase-google-movie-2015
Animation, Design Prinzipien, UI Design

Google Material Design Showcase 2015

20. Jun 2015

Google belohnt die exzellente Anwendung von Material Design Prinzipien auf User Interfaces mit einem animierten Minifilm.

Der kurze Showcase bietet einen verdichteten Blick auf eine Vielzahl cleverer Designentscheidungen bei der Ãœbertragung von Googles Prinzipien des Material Design auf User Interfaces 2015.

// Portfolio

make-believe-projection-mapping-von-neele-graef
Filmmusik

Projection Mapping

17. Mrz 2015

Make Believe von Neele Graef

Make Believe ist eine Projection Mapping Installation. Mit der passgenauen und perspektivisch korrekten Projektion auf eine dreidimensionale Oberfläche wird die Illusion von Tiefe erzeugt.

Neben einer Klangkollage als akustische Begleitung der Live Installation ist ein Remix entstanden der jetzt im Video zu hören ist. Ein wirklich eindrucksvolles Projekt. Vor allem Live.

quadriennale-düsseldorf-festival-2014
Filmmusik

Quadriennale Düsseldorf 2014

17. Mrz 2015

Das Festival der bildenden Kunst

Die Quadriennale Düsseldorf ist ein alle vier Jahre stattfindendes Fest der Bildenden Kunst, an dem sich die führenden Düsseldorfer Kunstmuseen, Ausstellungshäuser und die Kunstakademie sowie zahlreiche Partnerinstitutionen beteiligen.

mercedes-benz-1-mio-autos-verbinden-film
Filmmusik

Mercedes Benz – 1 Mio Autos verbinden

17. Mrz 2015

Mercedes Benz – 1 Mio Autos verbinden

Handarbeit statt gedruckter Plakate. Irritation statt gewohnter Mercedes-Bildsprache. Die GfG / Gruppe für Gestaltung ersetzte Fotos von Autos und Menschen durch viele kleine schwarze Punkte – und löste damit erst einmal Verwunderung aus.

// Web Dev Resources

ajax-data-visualisation-app
AJAX, jQuery, MySQL, PHP

Ajax Applikation für Grafische Statistik mit MySQLi und JSON

04. Apr 2015

Interaktive Datenvisualisierung mit jQuery Ajax und JSON Data

Als „Starter Kit“ zur Erkundung einfacher Prinzipien der interaktiven Datenvisualisierung von MySQL Daten habe ich eine Testapplikation entwickelt. Die Kommunikation zwischen Datenbank und Template erfolgt via PHP MySQLi, AJAX und JSON. Ein rudimentäres Interface zweier HTML5 Range Slider ermöglicht die asynchrone Modifikation der Datengrafik durch den Anwender im Browser.

MySQL, PHP

MySQLi: Schnittstelle von PHP und Datenbank

03. Apr 2015

MySQL Datenbankanbindung und Datenüberführung zur Ausgabe im Web Browser mit dem PHP5 Modul MySQLi

Mit MySQLi steht in der Standarddistribution von PHP5 eine neue, schnellere Datenbankschnittstelle zur Verfügung. Über 4 Schritte gelangen die Daten vom Server zum Client und finden ihren Weg aus der MySQL Datenbank ins PHP Template.

AJAX, jQuery

jQuery Zugriff auf nachgeladene DOM Elemente

01. Apr 2015

Die Ausführung von jQuery auf asynchron übertragene Objekte in Ajax Applikationen via Elternelement und .delegate()

Elemente die nach dem ersten Page Load per Ajax in den DOM geladen werden, befinden sich zunächst ausser Reichweite für weitere Skripte. jQuery .delegate() ermöglicht den Zugriff über ein Elternelement das bereits beim Initial Page Load erfasst wurde.