Der Laden befindet sich direkt gegenüber dem Haupteingang des neuen Einkaufszentrums “Limbecker Platz” in Essen und ist gekoppelt mit dem Faces, einer loungigen Cocktailbar.

Interessant an der KnackFresh Idee ist das Konzept: So findet ihr dort weder 08/15 Saucen aus dem 10-Liter Eimer noch langweilige Aufbackbrötchen. Alle Zutaten werden stets frisch vor euren Augen zubereitet und ihr wählt aus einer Armada an Saucen und Zutaten, den Knacks.

72dpi lieferte ein auf WordPress basierendes Design mit dem die Jungs in der Lage sind den Großteil ihrer Seiteninhalte selbst zu bearbeiten.

So können News und Sonderaktionen zeitnah und eigenständig umgesetzt werden. Zusätzlich und in die Seite integriert gibt es noch eine KnackFresh Facebook-Fanpage und einen Twitter Account. Und irgendwie.. habe ich jetzt beim Schreiben Hunger bekommen :D

Ca. 40 freie Autoren haben dort seit 2008 rund 3400 Artikel mit insgesamt 15.500 Kommentaren verfasst, die in vier Hauptkategorien organisiert sind.

Eine der Besonderheiten des Blogs ist der tägliche Ruhrpilot, der jeweils morgens einen Überblick über aktuelle Schlagzeilen und die wichtigsten Links des Tages zusammenfasst.

Die Ruhrbarone befinden sich aktuell auf Platz 42 der deutschen Blogcharts.

72dpi entwickelte ein neues, auf Lesefreundlichkeit zugeschnittenes Raster. Zusätzlich wurde die Navigation innerhalb der Kategorien optimiert und einige Social Media Funktionen integriert. Ein weiterer Fokus lag auf der Optimierung der Kommentarfunktion sowie der Druckausgabe der Artikel.

Das Feedback war bisher durchaus positiv! (Pottblog, Twitter 1, 2, 3, 4).

Was bleibt also noch? Den durchlauchten Damen und Herren Ruhrbaronen weiterhin ‘ne gute Schreibe und interessante Stories zu wünschen!

Mein heißgeliebter Bildschirmschoner “Fliqlo” ist nun endlich upgedated und damit endlich wieder lauffähig auf Snow Leopard. Eine Windows Version des Klappwecker-Schoners gibt es ebenfalls.

Während Frank und Uli schon die ersten Texte in eine nackte WordPress Installation hackten entwarf 72dpi ein Design und schraubte die Templates zusammen.

Besonderes Augenmerk lag dabei in einer schlüssigen Aufteilung in Kategorien, Tags und Detailtabellen zu den einzelnen Weinen. So bestimmen die Kategorien das Herkunftsland und die Tags beschreiben die Sorten sowie allgemeine geschmackliche Details.

Zählen soll natürlich auch der Mitmach-Gedanke, und hier kommt Ihr ins Spiel: Das “Weinding” sucht noch Leute die Lust haben über Weine und deren Pros & Cons zu schreiben, so das über kurz oder lang eine brauchbare Geschmacks-Datenbank entsteht. Achja, und twittern tut das Weinding natürlich auch. Cheers!

EUCOPE AISBL bietet interessierten Unternehmern aus der pharmazeutischen Branche eine Diskussionsplatform und umfangreiche Informationen und weiterführende Links zu zuständigen Behörden und Gesetzgebungen.

72dpi entwickelte in enger Abstimmung mit dem Kunden in Brüssel das Design und die Bildauswahl der Website, programmierte das XHTML/CSS Framework und die Anbindung an das CMS-System zur eigenständigen Pflege und Aktualisierung der Inhalte.

In den nächsten Wochen wird der Auftritt noch um ein geschütztes Mitglieder-Login und eine französische Version erweitert.

Auf der Seite von Thomas Aull fand ich eine gute Lösung um die Daten von Snippely auf dem Dropbox-Account zu speichern. Dropbox ist eine Art Online-Ferstplatte, die sich nahtlos auf den eigenen Rechnern integrieren läßt.

Somit steht dem Zugriff auf den Snippely Datenbestand von verschiedenen Rechnern aus – schnippschnapp- nichts mehr im Wege. Danke, danke!

Man stelle sich vor, eine Handvoll DJs und Producer schliessen sich zu einem Mashup zusammen, bei dem jemand beginnt ein paar Tracks zu spielen und das Ergebnis dann dem nächsten Masher weiterreicht, bis die ganze Soundcollage eine Dauer von 72 Minuten erreicht hat.

Dazu hatte jeder 72 Stunden Zeit und musste dann seinen Part an den nächsten weiterreichen, der nahtlos daran anschließen musste.

Auf der Projektwebsite 72, the group mashup project kann man sich die Tracklist ansehen und das fertige Ergebnis natürlich auch herunterladen. Via Nerdcore.

Mehr Infos über den Klötzchengrafik-Klassiker findet Ihr bei der Süddeutschen (10 Fakten über Tetris), der Guardian hat einen interessanten Bericht mit Fotogalerie und auch Nerdcore gratuliert.

Herzlichen Glückwunsch also, liebes Tetris, denn auch ich bin bekennender Fan und habe hier in meiner bescheidenen Hütte schon über diverse Tetris-Gadgets berichtet. Was bleibt noch offen? Klar, ein Geburtstagslied.

Möchte man seine Fotos auch auf der eigenen Website zeigen, gibt es eine handvoll Betrachter, die genau das tun. Entschieden habe ich mich für den PictoBrowser, einen kleinen FlashViewer mit einem sehr übersichtlichem und anpassbarem Interface – und mit der Tastatur bedienen läßt er sich auch.

PictoBrowser gibt es zudem auch als Plugin Variante, dort schreibt man einfach in den Beitrag oder die Seite einen Shortcode [pictobrowser user_id set_id] und der entsprechende Bilderbrowser baut sich daraufhin beim Aufruf der Seite zusammen. Der Quellcode des Plugins läßt sich leicht modifizieren, so das man größen-, farb- und funktionstechnisch die PictoBrowser Optik jederzeit für alle angebundenen Galerien global ändern kann.

Achja, und hier sind sie nun, die Photos: Hongkong, Bangkok, Thailands Inseln, Spanien, der Toulouse Trip und die Old School Bilder.

„Das Fundaments der Band vereint die Zutaten von Singer/ Songwriter Elementen mit Einflüssen großer britischer und skandinavischer Popmusik”.

Auf der Site gibt es neben Kurzportrait, Gigliste und Bookingformluar auch einen Medienbereich mit Songs, einer Live-Set Bildergalerie und in Kürze auch dem ersten, professionell gedrehtem Video.

Herzlichen Glückwunsch der Band auch nochmal zu Ihrer Auswahl als Support von Silbermond am 10.05.2009 in der Westfalenhalle 2 in Dortmund.

Das Design der Website stammt vom Sänger & Grafiker Martin Holtkamp, 72dpi realisierte die Umsetzung der xHTML/CSS Templates und die Anbindung an WordPress zur Selbstaktualisierung der Inhalte.

Auf seiner MySpace Seite könnt ihr in ein paar Songs reinhören, das komplette Album mit allen 18 Tracks gibt es als gepacktes File unter dem Beitrag 8-Bit Jesus: Classic Christmas Songs in the Style of Classic NES Games auf seiner Webseite.

Also, weiterhin frohes Fest! (via BoingBoing)

Eingesetzt werden soll das Spiel vor allem in der Vor- und Grundschule, wo es neben dem Spiel & Lern-Effekt auch die Konzentration und die Förderung der sozialen Kompetenz schulen soll.

Unter der Beratung des RAA/Büro für interkulturelle Arbeit Essen wurde ein besonderes Augenmerk auf die sprachdidaktische Entwicklung der Themenfelder des Spieles gelegt.

Im Auftrag des Spieleentwicklers Angesom Phil Tesfai gestaltete und programmierte ich zum bereits bestehenden Logo- und Verpackungsdesign eine Website mit Informationen rund um das Spiel und einem kleinen Warenkorbsystem zum bestellen der Golfbahnen und der zusätzlichen Themenfelder und Kartensets.

In kurzen und anschaulichen Schritten wird erklärt, wie und wo man effizient dämmen und damit hohe Energiekosten vermeiden kann.

Zum wiederholten Male (Norddeutsches Vogelmuseum, Energieausweis Nordwest) programmierte ich im Auftrag von Birgit Wingrat Gestaltung eine auf WordPress basierende Webseite in SEO-optimierten XHTML/CSS Code und half bei der Auswahl eines geeigneten Providers sowie dem Domainumzug auf den neuen Server.

Tennis for Two, der unmittelbare Vorläufer des legendären Pong.

Das Spiel wurde 1958 von dem amerikanischen Physiker William Higinbotham als reiner Zeitvertreib zum Tag der offenen Tür des Brookhaven National Laboratory entwickelt und lief auf einem handelsüblichen Oszilloskop das mit 2 Reglern beeinflusst werden konnte, was man sich auf diesem Video ansehen kann.

Da Higinbotham seine Erfindung nie als Patent anmeldete gilt er heute jedoch nicht als der offizielle Erfinder des Videospiels.

“Es sieht aus wie eine Ente. Es quakt wie eine Ente. Es muss wohl eine sein. Und was ist mit dem Kaffee?”

Knut hat sich ein Herz gefasst und Bob Nystroms Klassiker Duck von OS 9.x auf Mac OS X portiert. Das muss Liebe sein.

Die Funktionen sind schnell erklärt: Unter “Akteur” wählt man ein der 6 Entencharaktere aus, unter “Geschwindigkeit” stellt man den Nervpegel der Ente in 6 Stufen ein, in einer Skala von “kein Kaffee” bis “Espresso”.

Snippely ist eine Adobe AIR Anwendung zur Verwaltung von Code- & Textbausteinen, entwickelt und zur freien Verfügung gestellt von den Jungs von Mootools unter Google Code.

Die Optik ist minimalistisch und lehnt sich an den Mac-Finder an. Zur Verwaltung der Snippets können Gruppen erstellt werden, ein Snippet selbst kann mehrere Notes und Codefelder haben.

Nette Sache, nehme ich dankend mit. Snippets braucht man inzwischen überall, sie ersparen das ewige Rumsuchen und Neu-Tippen bereits geschriebener Zeilen.

Damit ist es nun endlich möglich, auch unter Vista seine Seite im immer noch weit verbreiteten IE 6 zu kontrollieren. Die Software fühlt sich für eine Version 0.2 (Alpha-Release) schon sehr stabil und brauchbar an.

Für die Unternehmerin Beate Pracht und ihre „Prachtlamas“ wurde der bestehende Internetauftritt überarbeitet und mit einem Redaktionstool versehen.

Die Kollegen von marcellini entwickelten ein neues Logo und Erscheinungsbild für die Printprodukte, 72dpi übernahm das Website-Design und die Umsetzung in barrierefreien und SEO-optimierten XHTML/CSS Code.

Neben Erlebnistouren mit den Lamas durch die Region bietet Beate Pracht auch Seminare und Leadership-Trainings, Therapien gegen den Burn-Out Effekt und richtet pädagogisch betreute Kindergeburtstage aus.

Für den freien Energieberater Roman C. Niquet entwickelte ich Logo, Design und die Umsetzung seiner Website auf Basis des WordPress Blog-/CMS-Systems zum eigenständigen Aktualisieren und Erweitern der Inhalte.

Auf nrw-energieberatung.com informiert Herr Niquet über aktuelle Entwicklungen auf dem Energiemarkt und hilft mit kompetenter Beratung und Begutachtung bei der Antragstellung zum Energieausweis.

Die Umsetzung der Website erfolgte in barrierefreien XHTML und CSS und garantiert somit neben der Vefügbarkeit auf mobilen Endgeräten und schmaler Bandbreite eine hohe Positionierung in den Suchmaschinen. 72dpi wünscht viel Erfolg für den freiberuflichen Start!

Splashup ist eine Online-Applikation zur Bildbearbeitung im Browser.

Ist die Flash-GUI erstmal gestartet, vergißt man schnell das man sich hier im Browser befindet, erinnert das ganze doch an eine Online Light-Version von Photoshop.

So stehen neben den üblichen Tools wie Bildgrösse, Arbeitsfläche, Ausschnitt, Drehen oder Spiegeln ein echtes Arbeiten mit Ebenen und Ebeneneffekten zur Verfügung. Warum allerdings weder Lineale noch Hilfslinien mit an Bord sind bleibt ein Rätsel.

Nett auch die Open/Save Dialoge, die neben den Dateien auf dem lokalen Rechner auch (nach Authentifizierung) direktes Bearbeiten von Bildern auf Flickr, Picasa oder dem eigenen Webserver ermöglichen.

Schöne Sache das, und für eine im Web 2.0 (obligatorische) Beta-Version fühlt sich Splashup schon recht stabil an.

»Nabaztag« ist das rumänische Wort für Hase. Diese Hasis sind ca. 25cm hoch, schneeweiss und können sprechen, in verschiedensten Farben blinken und mit den Ohren wackeln.

Doch das an sich ist noch nicht der Hit an diesem höchst geekigen Rabbit französischer Herkunft. Via W-LAN mit dem heimischen Router verbunden, können sie verschiedenste Daten aus dem Internet beziehen und diese visualisieren und kommunizieren.

So ist ein Nabaztag in der Lage das Wetter oder die Zeit anzusagen, Musik abzuspielen, RSS-Feeds vorzulesen, über neu eingetroffene E-Mails zu informieren oder PodNabcasts wiederzugeben. Über einen eingebauten RFID-Reader können sie Dinge erkennen und darauf zu reagieren, so z.B. einem anderen Nabaztag über ein Ereignis informieren. Eine gut dokumentierte Elektrohasen API-Schnittstelle lässt sicherlich kaum einen Wunsch offen.

Erhältlich sind die Hasis über den Nabaztore zu einem Preis von 135,- Euro, die neue Version Nabaztag/tag hat nun auch ein integriertes Mikro zur Sprachsteuerung. via DE:BUG

Ziel der Initiative ist es, bis 2015 10.000 Arbeitsplätze in Bochum zu schaffen und vorhandene zu sichern.

Mit „Senkrechtstarter”, dem ersten branchenoffenen Gründungswettbewerb, sollen junge Unternehmer Ihre Geschäftsidee mit Hilfe eines Netzwerks von Experten und Gutachtern bis hin zur Unternehmensgründung professionell verwirklichen können.

Neben der Entwicklung des Rahmen-Designs der Website lag meine Aufgabe auch in der Beratung bei der Seitenstruktur und der Umsetzung in W3C-konformen XHTML und CSS als Grundlage für die Typo3-Templates.

Eine kleine Demonstration mit Tutorial kann man sich bei You Tube ansehen, ausführlichere Erklärungen der Tastatursteuerung gibt es auf den Google Earth Seiten.

Zugegebenermaßen ist die Steuerung etwas hakelig und der Bildaufbau nicht unbedingt rasant, aber dafür wird man mit einem realistischen Ausblick auf Mutter Erde entschädigt. Via Techcrunch

Google Maps sind ein feine Sache, da sie sich kostenlos in die Website einbinden lassen, zoom- und verschiebbar sind und mit einem klickbaren Marker versehen werden können, der weitere Infos einblendet.

Die Integration in die eigene Website ist zwar nicht banal, aber auch für Nicht-HTML’er durchaus realisierbar.

Und da ich selbst immer wieder über die eigene Blödheit selben Steinchen gestolpert bin, gibt es nun das erste Tutorial. And here we go.

Step 1: Den API-Schlüssel besorgen

Um den Google Maps Dienst nutzen zu können, muss man sich zunächst einen (kostenlosen) API-Key bei Google besorgen. Den bekommt man auf der Google Maps Seite, unter dem Link “Sign up for a API Key“. Diesen Schlüssel muss man dann im HEAD-Bereich der Seite als Javascript einbinden.

<script type="text/javascript" src="http://maps.google.com/maps?file=api%20&v=2&key=[Dein_API_Key]"></script>

Achtung! Der API Key ist an eine real existierende Domain gebunden, funktioniert also nur online, und nicht auf lokalen Serverumgebungen.

Step 2: Die Koordinaten finden

Um den Ausschnitt der Karte zu bestimmen, muss man sich nun die genauen Koordinaten des Zielpunktes der Karte organisieren. Das erfolgt über die Angabe des Breiten- (Latitude) und Höhengrades (Longitude). Das klappt hervorragend mit dem getLonLat-Service vom Mapki.

Man schiebt und zoomt sich einfach von der Weltkarte auf seine Wunschkoordinaten, und klickt dort auf den entsprechenden Punkt, in der Regel ein Hausdach. Unterhalb der Karte werden dann die Koordinaten ausgegeben, die man sich am besten in eine Textdatei kopiert.

Step 3: Die Karte einbinden

Nun zur Sache: Dort, wo die Karte erscheinen soll, platzieren wir einen DIV-Container mit dem Namen “meine_gmap”. Darunter laden wir dann ein weiteres Javascript mit den Anweisungen für unsere Google-Map.

<div id="meine_gmap" style="width: 500px; height: 400px;"></div>
<script type="text/javascript" src="/[Dein Pfad]/gmapdata.js"></script>

Step 4: Das JS mit den Koordinaten

Im folgenden externen Javascript (in meinem Fall gmapdata.js) werden neben den Koordinaten auch noch Angaben zum User Interface und der initialen Darstellung der Karte gemacht.

//<![CDATA[
var map = new GMap2(document.getElementById("meine_gmap"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng([Deine_Latitude],[Deine_Longitude]), 13, G_NORMAL_MAP);
//]]>

Step 5: Der Marker und die Info-Sprechblase

Um die ganze Sache rund zu machen, brauchen wir natürlich noch einen Marker, der auf unseren gewählten Punkt zeigt, und auf Klick eine Info-Sprechblase einblendet. Hierfür ist eine Javascript-Funktion notwendig, um den Marker zu bestimmen und den gewünschten Text in die Sprechblase zu übermitteln.

function createMarker(point) {
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<strong>[Dein Name ]</strong><br/>[Deine Adresse]");
  });
  return marker;
}

Step 6: Den Marker übergeben

Der letzte Schritt wäre dann noch, den Marker an unsere Karte zu übermitteln. Dazu müssen wir das Script aus Step 4 um eine Zeile erweitern, die wir einfach untendran kleben. Das ganze sollte dann so aussehen:

//<![CDATA[
var map = new GMap2(document.getElementById("meine_gmap"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng([Deine_Latitude],[Deine_Longitude]), 13, G_NORMAL_MAP);
map.addOverlay(createMarker(new GLatLng([Deine_Latitude],[Deine_Longitude])))
//]]>

Und das war’s dann…

Nach all diesen Schritten sollten wir nun eine funktionierende Google Map auf unserer Seite haben, so wie auch hier zu sehen: Die Anfahrt zu 72dpi.

Da freut sich der Hobby-Ornithologe: Am 11. Juli 2007 startete die Website des Norddeutschen Vogelmuseums ihren Auftritt im World Wide Web.

Zu den Highlights zählen der interaktive Rundgang durch das Museum, die anschaulichen Dioramen und die mit Audio hinterlegten Vogelportraits.

Die gestalterischen und inhaltlichen Vorgaben von Birgit Wingrat und Ecki Twistel wurden von mir in einen W3C-konformen Aufbau realisiert und mit einem CMS System zur inhaltlichen Pflege und Erweiterung hinterlegt.

Finanztechnisch mussten die Betreiber keine großen Federn lassen: Durch Einsatz eines Open-Source CMS (WordPress) blieb die Geschichte erstaunlich ‘tschiep’.

F.I.R.M. Consult bietet Unternehmensberatung für klein- und mittelständische Unternehmen, sowie Starthilfe für Existenzgründungen.

Der Relaunch der Website soll die Schwachstellen des alten Auftritts eliminieren: so bissen sich die Suchmaschinen an den Framesets die Zähne aus, und die Headlines und Texte konnten aufgrund fehlender semantischer Auszeichnungen nicht vernünftig indiziert werden.

Die neue Site präsentiert sich im kompletten CSS Gewand und der Quellcode der Seiten ist nun um 75% reduziert, was in einen spürbar schnelleren Seitenaufbau resultiert.

Als alter Pixelfreund bin ich natürlich überzeugter Anhänger der frühen Computer-Klötzchengrafik, und somit unabdingbarer Pacman-Fan.

Umso überraschter war ich, als ich nun bei (Web-) Ausgrabungsarbeiten auf diesen Schädel gestoßen bin. Damit ist klar: Pacman hat also wirklich gelebt. Im Umfeld der Ausgrabungsstätte stieß ich auch noch auf weitere interessante Funde. (via BoingBoing)

Nach dem grafischen Layout des Gestaltungsbüros Birgit Wingrat und Ecki Twistel wurde diese Seite von mir in standardkonformen XHTML/CSS umgesetzt und ins Netz gestellt.

Der Energieausweis informiert über sinnvolle Verbesserungsmöglichkeiten in den eigenen vier Wänden: Er hilft Heizkosten zu senken, den Wohnkomfort zu steigern und den Wert des Hauses zu erhalten.

Zur Pflege der News und Seiteninhalte kommt WordPress, ein Open-Source Blog/CMS-System zum Einsatz.

Lauchy: Ein Open Source Keystroke Launcher. Extrem feine Sache.

Launchy funktioniert so: Mit der Tastenkombi »Alt-Space« wird das Programm aktiviert. Nun reicht die Eingabe einiger Buchstaben, und Launchy sucht passende Applikationen heraus und bietet einen Schnellstart an.

In den Optionen lassen sich Verzeichnisse und Dateitypen ein- und ausschließen, Skins auswählen und weitere individuelle Einstellungen konfigurieren. Lauchy ist Freeware und grade mal 500 KBytes groß. Zu beziehen über Lauchy.net.