json:select()

Posted by & filed under JavaScript, web entwicklung.

Read more on "json:select()" »

json:select()  – sehr innovativ und etwas völlig neues!

Dieses Framework erlaubt es Werte/Attribute aus JSON’s mit einer CSS-ähnliches Syntax zu selektieren. So etwas hat es verdient in meinem Blog erwähnt zu werden!

Selektion “.author .drinkPref :first-child” aus folgenden JSON ergibt “whiskey”

{
  "author": {
    "name": {
      "first": "Lloyd",
      "last": "Hilaiel"
    },
    "drinkPref": [
      "whiskey",
      "beer",
      "wine"
    ],
  },
  "thing": "JSONSelect site",
  "license": "(cc) BY-SA"
}

Überzeugt euch selbst: jsonselect.org

HTML5 and Music

Posted by & filed under web entwicklung.

Read more on "HTML5 and Music" »

Mit HTML5 kann man angeblich viel machen. ;-)
Hier nun einige Projekte die mir in letzter Zeit untergekommen sind, alle mit dem Thema Musik.

thewildernessdowntown.com – Nettes interaktives Musikvideo von Google Chrome Experiments & Arcade Fire. Stürzt auf “schwachbrüstigen” Rechnern manchmal ab. Nur mit aktuellen Google Chrome nutzbar!

daftpunk.themaninblue.com – Mashup von verschiedenen Daft Punk Songs mit HTML5 Canvas. Funktioniert in jedem modernen HTML5-fähigen Browser.

ro.me – Noch ein Google Chrome Experiment. Halbinteraktives WebGL 3D Musikvideo von Danger Mouse und Daniel Luppi – Entwickelt von Chris Milk. Nur mit Google Chrome genießbar!

9elements.com/io/projects/html5/canvas – Visualisiert #html5-Tweets als bunte Punkte und ordnet diese in einem Muster passend zur Musik an. Klickt man auf einen Punkt, zeigt es den Tweet.

 

UPDATE:

allisnotlo.st - Wieder mal ein Google Chrome Experiment. Diesmal mit OK GO, die schon für 2 andere (nicht HTML5) ausgefallene Musikvideos bekannt sind.

Interaktive Plakatwerbung mit 4sq

Posted by & filed under netzkultur.

Read more on "Interaktive Plakatwerbung mit 4sq" »

Werbung für Hundenerds beim Gassigehen. Bei Einchecken auf Foursquare vor dem Plakat bekommt der beste Freund des Menschen eine gratis Probe.

Whats up?

Posted by & filed under Allgemein, Gut zu wissen.

Read more on "Whats up?" »

Es hat sich wieder viel getan in den letzten Wochen. Ich beginn mal die SAE-Projekte zusammenzufassen.

Im Rahmen meiner Uni habe ich einige Arbeiten erstellt. Vier davon sind Online verfügbar:
Diaspora Artikel, JavaScript-Buch Review und ein Balsamiq Mockups Review. Das vierte Projekt ist eine Arbeit über GPS und deren Auswirkung auf die Gesellschaft. Hier mussten wir unsere Recherche in einem Interface verarbeiten. Wie immer habe ich mich auf “unwesentliche” Dinge wie Programmierung vertieft. Ich habe mich bei diesem Projekt mit jQuery Templates (HTML Content-Rendering mittels JavaScript), Positionsbestimmung, automatischer Silbentrennung und anderen Kleinkram der mir unter den Nägel brannte beschäftigt. Ja, ich bin eben nicht der große Designer sondern Technik-Nerd. ;-) Erreichbar ist das Projekt unter tiefenb.com/gps. Bitte nur mit Firefox Version 4.0 oder höher probieren! Safari/Chrome sollte zwar auch funktionieren, wurde aber zu wenig getestet. Und IE kommt damit sicher nicht klar – das weiß ich schon im Voraus. Weiters habe ich eine Marketing Arbeit für das v1no55 verfasst und 2 größere Artikel über Social Coding und NoSQL die aber (noch) nicht online verfügbar sind. Im Rahmen der Marketingarbeit habe ich auch die Website v1no55.at auf Mehrsprachigkeit umgebaut. Für den User und die Suchmaschine. ;-)
Ja, und zu guter Letzt hab ich auch nun ein fixes Thema für die Bakk-Arbeit. “Conversion Analyse, Testing und Optimierung im Kontext des Vergleichportals durchblicker.at”

Stichwort durchblicker:
Hier tut sich auch viel in den letzten Wochen. Radiospots, Radio-Interviews und TV-Beiträge gab es an der Medienfront. An der Technikfront haben wir den Online-Abschluss umgesetzt, SSL-Verschlüsselung eingeführt und viele kleine Verbesserungen. Auch wird es in den kommenden Wochen nicht langweilig, das Größere Umbauarbeiten der der Ergebnisliste anstehen. Interviews, TV-Beitrag und Radiospots kann man auf YouTube unter youtube.com/profile?user=TheDurchblicker nachhören/sehen.