Es ist ein wirklich trüber Tag in einer kleinen irischen Stadt. Es regnet und alle Strassen sind leer gefegt. An diesem speziellen Tag fährt ein reicher deutscher Tourist durch die Stadt, hält bei einem kleinen Hotel und legt einen 100€-Schein auf den Tresten an der Rezeption. Er sagt dem Eigentümer, dass er die Zimmer ansehen möchte, um vielleicht hier zu übernachten.

Der Eigentümer gibt ihm einige Schlüssel und als der Besucher die Treppen hinauf gegangen ist, nimmt der Hotelier den 100€-Schein, rennt zum nächsten Haus und bezahlt seine Schulden beim Schlachter.

Der Schlachter nimmt die 100€, rennt die Strasse runter und bezahlt seine Schulden beim Schweinezüchter.

Der Schweinezüchter nimmt die 100€ und bezahlt seine Rechnung beim Futter- und Treibstofflieferanten.

Der Lieferant nimmt den 100€ Schein und rennt zur Kneipe und bezahlt seine Getränkerechnung.

Der Kneipenwirt schiebt den Schein zu einer an der Theke sitzenden Prostituierten, die dem Wirt einige Gefälligkeiten auf Kredit gegeben hat.

Die Prostituierte rennt zum Hotel und bezahlt die ausstehende Zimmerrechnung mit dem 100€.

Der Hotelier legt den Schein wieder auf den Tresen, so dass der wohlhabende Reisende nichts bemerken würde.

In diesem Moment kommt der Reisende die Treppe herunter, nimmt den 100€-Schein und meint, daß die Zimmer ihm nicht gefallen. er steckt den Schein ein und verlässt die Stadt.

(gesehen im Philosophischen Quartett mit Sloterdijk)

Mit Fontself kann man per Klick eigene Schriftarten in Facebook, Yahoo, Myspace, Netlag, im eigenen Blog oder auch in der EMail verwenden. Die Schriften hier im Blog sind übrigens nicht auf diese Weise eingebunden, sondern direkt per CSS. Zum Thema eigene Schriftarten auf der Website gibts bald einen eigenen Artikel zu lesen.

Kodingen ist eine webbasierte Entwicklungsumgebung, betrieben als Cloud Service mit integriertem Hosting, Databank Administration, und der Möglichkeit als Team an einem Projekt über ein virtuelles Dateisystem, FTP und SVN zusammenzuarbeiten.

Das Projekt wird kostenlos angeboten und befindet sich noch in der Beta-Phase, beinhaltet aber bereits sehr vieles, was man sich als Entwickler wünscht. Als Editoren stehen Ace, Bespin, Codemirror und Ymacs zu Verfügung, mittels Pixlr lassen sich auch einfache Grafikarbeiten bewerkstelligen. Weitere geplante Features: django, ruby on rails, git, mercurial.

_kodingen.com

Was heißt eigentlich Cloud Computing?
“Cloud Computing bzw. Rechnerwolke umschreibt den Ansatz, abstrahierte IT-Infrastrukturen (z. B. Rechenkapazität, Datenspeicher, Netzwerkkapazitäten oder auch fertige Software) dynamisch an den Bedarf angepasst über ein Netzwerk zur Verfügung zu stellen. Aus Nutzersicht scheint die zur Verfügung gestellte abstrahierte IT-Infrastruktur fern und undurchsichtig, wie in einer „Wolke“ verhüllt, zu geschehen.” _{(via wikipedia.de)}

Eine Sammlung von Rezepten passend zu fast jeder Gelegenheit. Mit ausführlicher Kalorientabelle und Küchentipps.

— Update: ein komplett neues Layout ;-)

Wundervolle Sachen sind mit CSS3 möglich! Ganz ohne Grafik ist diese Datumsanzeige entstanden, die auch hier im Blog Verwendung findet.

Das HTML-Gerüst ist ganz simpel:

<div class="datebox">
   <div class="dateboxhead">Mai 2011</div>
   <div class="dateboxdays">20</div>
   <div class="dateboxday">Freitag</div>
</div>

Als erstes definieren wir die äußere Box.

Die neue CSS-Eigenschaft box-shadow ist folgendermaßen aufgebaut:

Die erste Zahl definiert den horizontalen Abstand, eine positive Zahl lagert den Schatten nach links, eine negative nach rechts.

Die zweite Zahl definiert den vertikalen Abstand, eine positive Zahl lagert den Schatten nach unten, eine negative nach oben.

Optional ist die dritte Variable, die den Verblassungseffekt (Blur) steuert, je höher der Wert, umso mehr verblasst der Schatten.

Der ebenfalls optionale vierte Wert bestimmt die Entfernung (Spread), ist er positiv, strahlt der Schatten in jede Richtung aus, eine negative Zahl lässt den Schatten nach innen fallen.

.datebox {
         width:86px;
         height:94px;
         text-align:center;
         box-shadow:4px 4px 4px #999; /* Schatten der Box: links unten blur*/
         border-left:1px solid #ccc; 
         border-right:1px solid #ccc;
}

Danach gehts an den farbigen Kopfbereich. Der schicke Farbverlauf stammt übrigens vom Ultimate CSS Gradient Generator , ein sehr nützliches Tool. Das Ringbuch basteln wir uns durch einen ganz simplen Trick: eine gepunktete Linie.

.dateboxhead {
        font-family:sans-serif;
        font-weight:bold;
        color:#ddd;
        padding:3px;
        border:1px solid #23538a;
        box-shadow:0px 2px 2px #666; /* Schatten des Headers unten */
        text-shadow: 0px 1px 1px #333; /* Gravur  */
        border-top:3px dotted #ccc; /* Ringbuch-Effekt*/
}

Hier ein kleines Demo und der komplette Source

(getestet bisher nur in Firefox 4.0, Chrome 11)