Vor allem die Description “Nobody owns Magenta” ist nett =).

Ich glaube mich zu erinnern, dass es in Deutschland auch den Fall gab, dass eine Firma ihre Farbe ändern musste. Man sollte also auch hier davon absehen die Farbe in seinem Firmenlogo zu verwenden..

Nette und gut gemachte Animation.

(via engadget.com)

Geschützt werden alle Elemente innerhalb der gestrichelten Linie ausgenommen dem Logo, welches bereits geschützt ist. Die Hauptmerkmale sind wohl die große mittige Eingabe sowie die beiden Buttons direkt darunter. Das ganze wird dann noch mit ein paar Links garniert.

Dieses einfache Design soll übrigens wegen den nicht bzw. sehr wenig vorhandenen HTML Kenntnissen des Google Gründers Sergey Bin entstanden sein. Diese Startseite kam aber so gut an, dass man sie beibehalten hat. Mittlerweile ist diese Startseite das Aushängschild überhaupt für Google.

Der Antrag auf das Patent für die Suche und Ergebnisseite wurde bereits 2004 gestellt. Die Ergebnisseite wurde schon Ende 2006 geschützt (Patent D533,561).

(via Mail & gawker.com)

So klein wie in dem obigen Screenshot bringt einem die Karte natürlich nicht und so kann man sich auf Flickr die Karte in der Größe von 6740×4768 Pixeln ansehen und auch als PNG herunterladen (ca 2,7 MB).

Auf dieser Karte, die in Form eines U-Bahn Netzes aufgebaut ist, sind laut den Erstellern die aktuellen Top Spieler im Web zu finden wie z.B. Google, Facebook, Twitter oder WordPress anhand ihrerer Domains zu finden. In der Legende wird erläutert sie die Karte zu deuten sind. So gibt es auf der einen Seite die einzelnen die Trendsetter, die Domains samt deren Stabilität und Erfolg:

Die einzelnen farbigen Linien stehen dabei für den Typ des Trends wie z.B. Application Line, Money Line oder News Line:

Natürlich darf das globale Ranking einer solchen Trend Karte nicht fehlen und diese findet man ganz unten auf dem Bild. Hier ein kleiner halbwegs lesbarer Ausschnitt:

Die Karte selbst sieht in der Originalgröße z.B. für den Ausschnitt rund um Google wie folgt aus:

Ich schätze mal weil die Firma, welche diese Karte erstellt hat, auch einen Ableger in der Schweiz hat sind sogar auch deutsche Seiten wie der Spiegel Online, Zeit Online oder Heise auf der “News Line” zu finden:

Jedenfalls bietet die Karte einiges zum Herumstöbern. Aber noch viel mehr bietet es sich an diese Karte als Poster an die Wand zu hängen. Schmückt doch jedes Büro so richtig im Web 2.0 Stil ;).

(via Lars Blog)

Sowas muss sich wohl auch der Ersteller der Seite color-inspirator.com gedacht haben. Dieser, er heißt übrigens Peter Ulrich, hat schon vor fast zwei Jahren ein JavaScript-Tool entwickelt welches “spannende und neue Farbkombinationen” finden soll.

Eine ganz nette Spielerei das ganze =).

Als letzten Kommentar zu dem Ganzen nur noch kurz die Info, dass Peter Ulrich gerade in Australien verweilt welches eine Station auf seiner Weltreise ist.
Ich glaube ich muss anfangen auch meine Weltreise zu planen..

So kann man z.b. das Motiv “Steine” wählen was wie folgt aussieht:

Für die Terminal Nostalgiker unter uns existiert auch das Motiv “Terminal”:

Die gleiche Funktionalität gibt es ja schon seit längerem für die Google Startseite “iGoogle”:

Mehr zu den Themes/Motiven für Google Mail auch in der offiziellen Google Mail Hilfe.

Eine wirklich sehr schöne Anleitung wie man eine Präsentation gestaltet und strukturiert wird in der Präsentation “Death by PowerPoint” sehr gut dargestellt:

Passend dazu wurde bei Slideshare schon vor einiger Zeit die beste Präsentation 2008 gekürt und gewonnen hat die folgende Präsentation “THIRST” (Durst):

Eine Präsentation richtig gut zu gestalten ist schon mal der erste Schritt in Richtung perfekte Präsentation. Leider liegt da immer noch das eigentliche Präsentieren vor einem und muss auch erst einmal gemeistert werden ;).

Aber an den beiden obigen Präsentationen kann man schon mal sehr gut sehen wie eine perfekte Präsentation in Form der Folien aussehen kann.

Oder hier uns bekannte Entwicklung des Google Logos:

Noch viele weitere Logos, wie z.b. Nike, Nestle, Lego, Pepsi, BMW aber auch eben Google oder Firefox (womit wir die Verbindung zum Web wiederhergestellt haben ;) finden sich auf dem Best Ad Blog.

Natürlich ist diese Liste “nur” ein Nebenprodukt der eigentlichen Seite web2list.com, die über Web 2.0 News berichten. Anscheinend haben sie auf das richtige publicity Pferd gesetzt, denn alle Welt berichtet über diese Logoliste.

Falls einer also ein wenig Aufmerksamkeit haben möchte braucht er sich nur eine interessante Art der Logopräsentation im Zusammenhang mit dem Begriff “Web 2.0″ zu erstellen ;).

Die Antwort wird darauf groß und breit verdeutlicht:

.. und es gibt nichts hinzuzufügen.

Übrigens gibt es auch ein Pendant zu dieser “NO” Webseite.

Noch zur Vollständigkeit: Dan Cederholm hat, wie soll es auch anders sein, zwei Bücher über Web Standards und Web Design geschrieben und kümmert sich auch sonst mit seiner Web Design Firma um diese Themen. Auf seinem Blog hat er auch eine Sparte Namens “CSS Tips” die auch ganz interessante und nützliche Dinge für den ein oder anderen enthalten könnten.

Nun stellt sich dich Frage wie man am besten eine solches Pagination Menü darstellen soll und eine mögliche Antwort darauf liefert die Seite Samshin Magazin in Ihrem Artikel “Pagination Gallery: Examples and Good Practices“.

Er listet auch ein paar sieben Punkte auf, die man bei der Erstellung eines solchen Pagination Menüs beachten sollte:

1. Biete große Bereiche zum klicken an.
2. Verwende keine Unterstriche (Link underlines)
3. Hebe die aktuelle Seite hervor
4. Verteile die Seiten Links (Platz lassen)
5. Biete Vor- und Zurück-Blätten Buttons an
6. Benutze Erste Seite und Letzte Seite Link (wo passend)
7. Setzte die Erste Seite und Letzte Seite Links nach außen

Insgesamt eine wirklich schöne Übersich an Möglichkeiten mit wertvollen Tips für ein Pagination Menü.

via (swissmiss)

Für alle die schnell an Informationen rund um Farbcodes oder Farbpaletten ihrer oder anderer Seiten gelangen wollen sollten da einen Blick drauf werfen.

Grafik von stuffthathappens.com.

(via Blog von Wolfgang Schoch)

Each of the tiles in the mosaic is an arithmetic average of images relating to one of 53,464 nouns. The images for each word were obtained using Google’s Image Search and other engines. A total of 7,527,697 images were used, each tile being the average of 140 images. The average reveals the dominant visual characteristics of each word.

Es ist doch wirklich interessant bzw. erstaunlich was für eine Farbe im Durchschnitt für ein Nomen dargestellt wird. Klickt man auf einen Punkt auf der Kart erscheint eine kleine Vorschau der zu dem Nomen gefunden Bildern zusammen mit der daraus resultierenden Durchschnittsfarbe.

Dieses Mosaik kann auch als hochauflösendes Poster (mit 32×32 Pixel für jedes Thumbnail) für einen nicht kommerziellen Gebrauch heruntergeladen werden (ca 3.7 MB).
Es ist aber auch möglich ein Mosaik mit 1,5 Millionen Bildern herunterzuladen. Da dieses Bild allerdings 3,5 GB groß ist soll man eine eMail schreiben und man bekommt anschließend einen Downloadlink zugeschickt.

Ein wirklich interessantes Projekt.

Der Kommentar von dem Ersteller des Wallpapers:

I know sometimes when I’m working on the computer, I’ll tend to wind up doing everything but my work. I created this desktop for a little instant motivation, and it worked! Just thought I should share, I’m sure I’m not alone in this dilemma.

Vielleicht bringt’s ja was =)

Das Wallpaper kann in den unterschiedlichsten Auflösungen heruntergeladen werden.

Wer sich dazu erst einmal eine kurze Erläuterung der Technik samt Beispiel anschauen möchte kann sich auch erst das folgende Video ansehen.

Eine Dokumentation zur Technik und dem Algorithmus kann auch noch einmal detaillierter in einem PDF auf der Homepage von Ariel Shamir heruntergeladen werden (PDF Direktlink). Auch das Video gibt es dort noch einmal als .mov Datei zum herunterladen.

Eine wirklich interessante und intelligente Art Bilder zu verändern – mal sehen ob man diese Art der Bildmanipulation in der Zukunft wiederfinden wird.

(via haha.nu)

Das wurde natürlich gleich mal ausprobiert und folgende zwei Logos sind dabei raus gekommen.
Typisches Web 2.0 Logo:

Logo im Yahoo Style:

Die bisherige Alternative bestand entweder aus dem ersten Web 2.0 Logo Creatr für die typischen Web 2.0 Logos (aktuell bleibt bei mir der Browser immer stehen wenn ich ein Logo generieren möchte :( ) und dem Google Logo Design von devshot.

Aber wer schnell ein stylisches Logo benötigt und die Auswahl der verschiedenen Designs direkt haben möchte der ist bei dem Web 2.0 Logo Creatr genau richtig.

Nun geht es einen Schritt weiter. Es wird ja immer von der Blogosphäre gesprochen in der sich die Blogs bewegen und sich untereinander verbunden wird. Diese Verknüpfungen visuell darzustellen wird mit dem folgenden Bild schön dargestellt.

Drei weitere Bilder für die Visualisierung der Blogosphäre sowie eines in einem Artikel sind auf Data Mining auch noch zu finden. Insgesamt sieht dieses hier gezeigte wohl aber noch mit am eindrucksvollsten aus.

(via hackszine.com)

Es besteht allerdings auch noch die Möglichkeit Bilder einfach mit Hilfe von JavaScript on the fly spiegeln zu lassen, wie das JavaScript reflection.js von featurepics.com schön zeigt.

Um eine Reflektion zu erzeugen ist nach dem Einbinden des JavaScript Files nicht viel Code notwendig. Neben der Klasse “reflect” muss lediglich die Hintergrundfarbe für den Bereich der Reflektion noch gesetzt werden.

<div style="background-color:black;width:200px;">
  <img src="http://www.featurepics.com/pics/Standing-Out-Match.jpg" class="reflect" alt="rose on black" border="0">
</div>

Das Script ist knapp 5Kb groß, steht unter der MIT Lizenz und kann direkt heruntergeladen werden.

Also wer nicht die Muse oder Photoshop hat der hat nun einfach die Möglichkeit die Darstellung seiner Bilder einfach aufzuwerten – wer braucht da noch Designer ;)

Das neueste Produkt ist ColorJack Sphere. Ein hübsch anzusehendes Tool mit dem gleich sechs Farben auf einmal selektiert werden können.

Und jeder der sich auch solch ein Farbtool ala ColorJack auf seine eigene Seite einbinden möchte der kann das ColorJack DHTML Color Picker Utility herunterladen.