FRONTAND » Sehenswert

Ein Blick in das Arbeitszimmer von John Kascht

Niclas — Tue, 27 Sep 2011 13:27:49 +0000

Ich bin kein guter Zeichner, obwohl ich es sehr gerne sein würde. Gerne schaue ich aber stundenlang Leuten zu, die davon wirklich etwas verstehen. Ich bin fasziniert von dem komplexen Entstehungsprozess der hinter beeindruckenden kreativen Ergebnissen steckt und so habe ich mit Genuss dieses Behind-the-scenes-Video geschaut, das den Karikaturist John Kascht bei seiner wirklich akribischen Arbeit für eine Karikatur von Conan O’Brien zeigt. Danke an UARRR für den Tipp.

Stuxnet: Anatomy of a Computer Virus

Niclas — Wed, 22 Jun 2011 16:02:06 +0000

Im Juni letzten Jahres sorgte eine Meldung für Aufregung, die deutlich machte, dass ein sogenannter “Cyber-Krieg”, der über das Internet geführt wird, in naher Zukunft gar nicht mehr so unrealistisch erscheint. Der Computerwurm Stuxnet, ursprünglich für Siemens entwickelt, soll für die Sabotage von Uranzentrifugen des iranischen Atomprogramms programmiert und eingesetzt worden sein. Das Info-Video Stuxnet: Anatomy of a Computer Virus, das für die australische Fernseh-Show HungryBeast produziert wurde, zeigt auf beeindruckende Art und Weise, was Stuxnet ist, woher der Virus kommen könnte und welche Folgen eine solche “Open Source Waffe” haben kann. Neben dem sehr interessanten Inhalt ist auch die Umsetzung wirklich genial.

Direction and Motion Graphics: Patrick Clair
Written by: Scott Mitchell

Interessante Vorträge der Google I/O 2011 (Videos)

Niclas — Fri, 17 Jun 2011 08:40:53 +0000

Googles Developer Conference 2011, die vom 10. bis 11. Mai in San Francisco statt fand, ist nun schon ein paar Tage her, dennoch lohnt es sich, einen Blick auf einige der vielen Vortragsthemen zu werfen, denn fast alle Vorträge gibt es in voller Länge im GoogleDevelopers-Youtube-Channel zu finden. Da es aber viele Vortragsvideos sind, ist es fast unmöglich, sich alle selber anzuschauen und schwer, den Überblick zu behalten und die passenden Themen zu finden. Ich habe ein paar Vorträge gesammelt, die für mich interessant waren und Themen wie beispielsweise Web Fonts, HTML5 und Perfomance von Websites behandeln.
Alle Videos zu den Präsentationen habe ich hier eingebunden und kurz zusammengefasst. Vielleicht hilft diese Auswahl ja dem ein oder anderen von euch.

1. Web Fonts are changing the Web. Learn why

Web Fonts haben sich in den letzter Zeit extrem stark entwickelt und beeinflussen das Web mittlerweile grundlegend. Es ist davon auszugehen, dass der größte Teil neuer Websites in Zukunft mit dem Einsatz Web Fonts umgesetzt werden.
In diesem Vortrag nennen David Wurtz, David Kuettel, Raph Levien und Darren Glenister Vorteile für den Einsatz in Apps und Websites, stellen einige nützliche Tools vor und erklären die Technik hinter Google Web Fonts.

2. Optimizing your Web Performance for Success

Die Ladegeschwindigkeit von Websites spielt nicht nur eine große Rolle, weil Google sie mittlerweile zu einem Ranking-Faktor gemacht. Der Erfolg (auch finanziell) einer Website hängt auch von ihrer Perfomance ab und mit Page Speed stellt Google ein Tool zur Verfügung, dass bei der Optimierung behilflich sein soll. Dazu gibt es nun auch eine API, die in diesem Vortrag vorgestellt und anhand von Beispielen erklärt wird. Außerdem geht es um das Apache Modul mod_pagespeed (ausführlicher in Vortrag 4), das auf dem eigenen Webserver direkt HTML, CSS, JavaScript und Bilder optimieren kann.

3. Use Page Speed to Optimize Your Web Site For Mobile

Noch ein Vortrag zu Performanc-Optimierung von Websites. Wieder geht es um Page Speed, allerdings um die neueste Entwicklung Page Speed online , das nun auch Optimierungs-Vorschläge für mobile Websites erstellt.

4. Make the Web faster

Hier gibt es ausführlichere Ausführungen zum Apache Modul mod_pagespeed als in Vortrag 2. Es werden einzelne Optiemierungsmöglichkeiten von Websites aufgezeigt und erklärt.
Wirklich spannend ist aber auch das 2. Thema, über das Richard Rabbat, Joshua Marantz und Hakon Wium Lie sprechen: Das neue Bild-Format WebP von Google, das eine Verringerung der Dateigrößen von Bildern um bis zu 40% im Vergleich zu JPG verspricht. Natürlich bei gleicher Qualität. Bis jetzt wird es allerdings nur von Chrome und Opera unterstützt.

5. HTML5 & What’s Next

Ähnlich wie Web Fonts hat HTML5 das Web schon stark verändert, wird es in den kommenden Jahren aber wahrscheinlich noch viel stärker verändern. Gerade wenn es um mobile Websites geht, spielt HTML5 eine Hauptrolle. In diesem Vortrag sprechen Alex Komoroske, Alex Russell und Ian Fette, die alle an Google Chrome arbeiten, über die Zukunft von HTML5, CSS, DOM, und JavaScript.

6. HTML5 versus Android: Apps or Web for Mobile Development?

Wenn es um die Entwicklung von Apps geht, stellt sich oft die Frage, ob es eine native App oder eine Web App werden soll. Die Entscheidung ist nicht immer einfach. Reto Meier und Michael Mahemoff vergleichen beide Möglichkeiten und präsentieren Vor- und Nachteile.

Habt ihr euch noch weitere interessante Vorträge angeschaut, die ihr absolut empfehlen könnt?

Kaffee aus Leidenschaft von Intelligentsia Coffee

Niclas — Thu, 05 May 2011 09:21:49 +0000

Leidenschaft ist meist der beste Motor für kreative und hochwertige Arbeit. Was erstmal etwas kitschig klingt, ist immer wieder zu sehen, wenn man Leute bei Tätigkeiten beobachtet, die sie mit wirklicher Leidenschaft betreiben. Mir geht es oft so, dass die Thematik völlig egal sein kann. Mich fasziniert allein schon das Zusehen, wenn sich Leute so intensiv und ausdauernd mit einer Sache beschäftigen.

Gestern bin ich beim Lesen bei Markus Reuter (bettertastethansorry.com) auf die Kaffeerösterei Intelligentsia Coffee mit Sitz in Chicago gestoßen. Dort wird Kaffee mit Leidenschaft gebrüht und das zeigt eine kleine Reihe von drei Videos, die letztes Jahr in Zusammenarbeit mit der Agentur The Department of the 4th Dimension gedreht wurden. In den kurzen Clips werden Baristas bei der Zubereitung von Kaffee und Erläuterung des Brühporzesses gezeigt. Klingt erstmal nicht so spannend, aber – ich wiederhole mich :) – gewürzt mit Leidenschaft und Hingabe wird daraus die allerbeste authentische “Werbung” für Kaffee.

Ähnlich beeindruckend finde ich übrigens regelmäßig die obsessive videos von CHOW.

Mehr Verpackungsdesign minimal

Niclas — Sun, 10 Apr 2011 12:48:26 +0000

Ende letzten Jahres hatte ich ein paar schicke minimalistische Verpackungsdesigns gezeigt, die das Designstudio Antrepo als Abwandlung von bekannten Verpackungen erstellt hatte. Das kam wohl so gut an, dass jetzt eine zweite Edition veröffentlicht wurde, in der man nun sogar noch einen Schritt weiter gegangen ist, denn alle Produkte werden in der finalen Version ausschließlich mit Text und in der selben Schriftart (Helvetica Neue Bold) ohne Erkennungsmerkmal der Marke dargestellt. Auch wenn die verkaufsfördende Wirkung diskutiert werden darf, sind die Designs wieder sehr sehr schick geworden.

via

Vivian Maier – Straßenfotografin und Kindermädchen

Niclas — Tue, 08 Feb 2011 09:41:42 +0000

Ich bin gerade bei Clemens über die Geschichte von Vivian Maier und ihren Bildern gestolpert und bin völlig begeistert. Hiermit empfehle ich sie euch dringend!

Während den Recherchen für ein Buch über seine Nachbarschaft stieß John Maloof 2007 bei einer Auktion für Möbel und Antiquitäten auf einige Negative von Vivian Maier, Amateur-Straßenfotografin und Kindermädchen aus Chicago. Erst einige Zeit später entdeckte Maloof, welch einen Schatz er ersteigert hatte. Später kaufte er dann auch den restlichen Bestand von einem anderen Käufer derselben Auktion. Insgesamt sind wohl über 100.000 Bilder und Negative zusammen gekommen. Vivians Fotos zeigen auf wirklich beeindruckende Art und Weise Straßenszenen aus den 50er und 60er Jahren in Chicago und New York. 2009 starb sie an den Folgen eines Sturzes, ihre Bilder sind jetzt weltberühmt und werden in Zukunft wohl in vielen Ausstellungen und Museen zu sehen sein.

In der Chicago Tonight Show lief ein interessanter Bericht und auf dem Blog Vivian Maier – Her discovered work, den Maloof gestartet hat, veröffentlicht er einzelne Fotos und berichtet über das gesamte “Projekt”, mit dem er momentan fast Tag und Nacht beschäftigt ist.

Mittlerweile arbeitet er auch an einem Buch und einem Dokumentarfilm (“Finding Vivian Maier”) über das Leben und die Bilder von Vivian Maier. Auf Kickstarter kann man das Buch und die Dokumentation vorbestellen und so die Produktion finanziell unterstützen.

The Mill Showreel 2011

Niclas — Thu, 20 Jan 2011 07:53:43 +0000

The Mill Group ist eine auf Visual Effects spezialisierte Agentur mit Standorten in London, New York und Los Angeles. Das aktuelle Showreel zeigt einige wirkliche beeindruckende Arbeiten, von denen man die meisten bestimmt schon irgendwo gesehen hat. Wenn man sich die Liste der Referenzen anschaut, merkt man schnell, dass The Mill die Finger in ziemlich vielen großen Produktion aus den Bereichen Werbung, Animation, Musikvidoes, Videospiele, Filme oder Motion Graphics mit im Spiel hat.

via

ZEIT ONLINE optimiert Seite mit HTML5 für das iPad

Niclas — Fri, 19 Nov 2010 10:35:35 +0000

Wenn man über das Thema “Entwicklung für das iPad” nachdenkt, stößt man zwangsläufig auf die Frage “native App oder Web-App?”. ZEIT ONLINE zeigt jetzt, dass es nicht immer nur eine Frage von “entweder … oder” ist. Anstatt nur auf das viel gepriesene Allheilmittel “eigene (Nachrichten-)App” zu setzen, hat man erkannt, dass der Browser an sich schon eine “Killer-App” sein kann und hat sich in der Online-Sparte der Zeitung Gedanken gemacht, wie man das bestehende Online-Angebot optimieren kann. Mit Hilfe von Oliver Reichensteins Agentur Information Architects, die auch schon für den ZEIT-Relaunch im Herbst 2009 verantwortlich waren, wurde zeit.de nun speziell für das iPad und andere Tablets optimiert.
In der Redaktion hätte man schon beim Testen der ersten iPads relativ schnell gemerkt, dass es zwar sehr viel Spaß macht mit dem Gerät zu surfen, aber auch, dass das Bedienungskonzept der bestehenden Seite über den Touchscreen gesteuert schnell an Grenzen stößt. Ziel der Optimierung war es, eine device-unabhängie Website bereit zu stellen und durch Anpassung am Design und „striktere Reduktion auf das Wesentliche“ der Darstellung und Nutzung des Geräts gerecht zu werden. Dass die Seite nicht 1 zu 1 portiert werden konnte, war sehr schnell klar, da sich das Navigationskonzept zu stark von herkömmlichen Websites unterscheidet. Dadurch ergab sich die Chance, ein wirklich auf das Gerät abgestimmtes Konzept zu entwicklen. Zu den Neuerungen zählen z.B. dass Fotostrecken mit dunklem statt weißem Hintergrund angezeigt werden und mit der bekannten “Wisch”-Geste durchgeblättert werden können. Bei der gesamten Entwicklung sollte zudem beachtet werden, dass die Redakteure bei ihrer Arbeit nicht verschiedene Ausagebmedien (mobile Website, Apps, Desktop-Website usw.) beachten müssen.

Für verschiedene Darstellungen optimierte Websites sind im Prinzip nichts Neues, trotzdem ist ZEIT ONLINE eine der ersten großen Content- und News-Seiten, die mit HTML5 für die Touch-Steuerung über die Finger angepasst wurde. Den Weg der Optimierung geht man schon etwas länger, so hat man sich schon vor einiger Zeit dazu entschieden, auf Flash da zu verzichten wo es geht. Infografiken und Video-Inhalte wurden also beispielsweise schon über HTML5 ausgeliefert.

Schon der Relaunch 2009 war mein absolutes Redesign-Hightlicht und gefällt mir immer noch außerordentlich gut. Meiner Meinung nach gehört ZEIT ONLINE zu den besten Nachrichten-Seiten im www und zeigt der Konkurrenz nun erneut, wie man es richtig macht.
Auch die generelle Resonanz auf Twitter und co ist außerordentlich positiv aus und lässt sich sehr schön mit Hilfe der Twitter-Suche verfolgen.
Jeder, der ein iPad griffbereit hat, sollte es sich jetzt auf jeden Fall schnappen und ein bisschen auf zeit.de rum surfen, es lohnt sich! Screenshots von ein paar Neuerungen habe ich in Genauer hingeschaut: ZEIT ONLINE auf dem iPad bereitgestellt.

Good morning Europe. Make sure you don’t miss our first iPad news project: Zeit Online in tablet specific HTML5: http://bit.ly/d0WSN2less than a minute ago via webOliver Reichenstein
iA

Neben ein paar interessanten Infos, gibt es bei iA auch ein kurzes Interview mit Wolfgang Blau, dem Chefredakteur von ZEIT ONLINE.

Das Video gibt es auch in englischer Sprache

Influencers

Niclas — Mon, 15 Nov 2010 12:51:18 +0000

Der Trailer zu der sehenswerten Dokumentation Influencers geistert ja schon eine Weile durchs Netz, seit ein paar Tagen gibt es nun die Doku on voller Länge zu sehen. Ich bin leider erst jetzt dazu gekommen sie mir anzuschauen und muss euch unbedingt empfehlen, euch die 14 Minuten Zeit zu nehmen.

INFLUENCERS is a short documentary that explores what it means to be an influencer and how trends and creativity become contagious today in music, fashion and entertainment.
The film attempts to understand the essence of influence, what makes a person influential without taking a statistical or metric approach.
Written and Directed by Paul Rojanathara and Davis Johnson, the film is a Polaroid snapshot of New York influential creatives (advertising, design, fashion and entertainment) who are shaping today’s pop culture.
“Influencers” belongs to the new generation of short films, webdocs, which combine the documentary style and the online experience.

IKEA Cats – IKEA setzt auf Katzen Content

Niclas — Sun, 12 Sep 2010 12:03:40 +0000

In der Vergangenheit hat IKEA schon mehrfach bewiesen, dass man einen guten Riecher für neue und interessante Marketing Ideen hat und auch weiß, wie man sich im Bereich Social Media bewegt und für positive Effekte nutzt. Das haben unter anderem auch Guerilla Marketing im Kino oder das Gewinnspiel auf Facebook gezeigt. Für ein neues Viral vertraut man nun einem der wohl beliebtesten Tiere im Internet, der Katze (siehe dazu auch I can haz cheezburger).
Mit dem Motto “IKEA baut Möbel für Menschen – und für Katzen!” und eigener Facebook-Seite wurde die Aktion IKEA Cats gestartet. IKEA UK hat sich mit der Londoner Agentur Mother London gefragt, was wohl passiert, wenn man 100 Katzen im englischen Wembley Store frei herumlaufen lässt. Das ganze wurde auf Video festgehalten und dann später für einen TV-Spot (zweites Video) genutzt.
Creative Director Feh Tarty zu der Idee hinter dem Spot: “The idea behind the work is that cats know better than anything what makes them feel happy inside, they live their lives in pursuit of their own comfort. So we released a hundred cats in to the Ikea Wembley store, for real, to see where they went and what furniture made them happy.”

Schon jetzt lässt sich aufgrund der vielen Views und Blogartikel sagen, dass das Viral funktioniert und man eine Menge Aufmerksamkeit generiert hat. In diesem Fall lautet die einfache Formel: positive Marke + Internet-Phänomen + gute Idee/Umsetzung = funktionierendes Viral!

Das Endergebnis, der fertige TV-Werbespot, kann sich durchaus sehen lassen und setzt die IKEA-Möbel und den Store ganz unerwartet in Szene:

Die Musik in dieser Werbung: Pianni von Mara Carlyle