Heute möchte ich einen Leserwunsch von LRoy erfüllen. Der nämlich fragte im März 2006 anlässlich unserer Beta-Logo Parade was wohl aus den Diensten werden würde. Anderthalb Jahre später soll seine Frage beantwortet werden.

Genau 80 Logos waren abgebildet. Allen gemeinsam war: die dahinter steckenden Dienste und Services waren als Beta-Versionen ausgewiesen. Sie sind dem Web 2.0 Umfeld zugehörig.

34 von 80 Projekten befinden sich immer noch im Beta-Stadium, zumindest das Logo sagt es so aus. 25 existieren gar nicht mehr, wurden verkauft oder dümpeln als Scheintote weiterhin im Netz. So genau lässt sich das nicht sagen. Manchmal sind keine Aktivitäten zu erkennen, was aber nichts heissen muss; ein andermal zuckt ein verwahrlostes Projekt dank User Generated Content noch eine Weile weiter. Veraltete Inhalte oder seit langem nicht mehr aktualisierte Projektblogs sind dann aber eindeutig genug.

Das heißt, von den 80 Projekten sind nach 1,5 Jahren 21 offiziell aus dem Beta-Stadium heraus. Das ist gut ein Viertel. Das eine oder andere Projekt wird wahrscheinlich mit Absicht auch weiterhin Beta bleiben. Für manchen gehört so etwas heutzutage zum guten Ton. Um die 30% der hoffnungsvoll gestarteten Aspiranten sind im Laufe der vergangenen 18 Monate mehr oder weniger auf der Strecke geblieben.

	beta
	keine beta mehr. möglicherweise tot. Letzter Eintrag im Projektblog: 2.1.07
	liegt auf eis
	keine beta mehr
	beta. möglicherweise tot
	beta. möglicherweise tot. Letzter Eintrag im Projektblog: 6.6.06
	beta
	tot
	beta
	keine beta mehr
	beta
	beta
	keine beta mehr
	beta. Letzter Eintrag im Projektblog: 11.08.06
	keine beta mehr
	keine beta mehr
	beta
	keine beta mehr. Letzter Eintrag im Projektblog: 17.11.06.
	keine beta mehr
	beta
	keine beta mehr
	tot
	beta. wirkt tot
	keine beta mehr
	keine beta mehr
	keine beta mehr
	beta. Letzter Eintrag im Projektblog: 17.5.06
	keine beta mehr
	keine beta mehr
	tot. wurde im august 07 eingestellt
	beta. Letzter Eintrag im Projektblog: 12.10.05
	keine beta mehr
	beta
	keine beta mehr
	existiert nicht mehr. verkauft an google
	beta. letztes update 25.04.2006
	keine beta mehr. Letzter Eintrag im Projektblog: 18.1.07
	keine beta mehr
	tot
	tot
	tot
	beta
	beta
	beta
	beta. Letzter Eintrag im Projektblog: 6.2.06
	beta
	keine beta mehr
	tot. hier befindet sich inzwischen "crackle", das auch als beta gekennzeichnet ist.
	keine beta mehr
	beta
	beta. wahrscheinlich tot
	keine beta mehr
	keine beta mehr
	tot
	tot
	beta. verkauft. Letzter Eintrag im Projektblog: 1.5.06
	keine beta mehr
	tot
	beta
	beta. wahrscheinlich tot
	beta
	beta
	beta. letzte Nachricht vom 26 Feb, 2006
	keine beta mehr. wahrscheinlich tot. Letzte Nachricht vom 1.2.06
	tot
	beta
	beta
	keine beta mehr
	keine beta mehr
	keine beta mehr
	keine beta mehr
	keine beta mehr
	keine beta mehr
	beta
	keine beta mehr
	beta. Letzter Eintrag im Projektblog: januar 07
	keine beta mehr
	keine beta mehr
	beta
	beta

Gerald schrieb vorgestern schon über Google vorm Infarkt und Sistrix zog heute mit Indexparty nach. Wenn ich mir meine Positionsveränderungen der letzten 10 Tage anschaue, wäre ich eher für Party. Aber das kann sich erfahrungsgemäß auch alles schnell wieder ändern, wer also jetzt etwas zu feiern hat sollte sich beeilen, bevor Google die Feierlaune wieder verdirbt. Mario hat sich heute auch noch zum Thema geäußert.

Was haben wir soweit konkretes?
Der RankPulse Index zeigt auf jeden Fall das einige Bewegung im Index ist:

Außerdem scheint Sistrix mal wieder fleissig mitzuloggen:

Auf der ersten Resultat-Seite kann ich von gestern auf heute rund 13 Prozent, bei den ersten einhundert Ergebnissen sogar 21 Prozent veränderte Positionen beobachten – ein Wert, der sich schon lange nicht mehr in diesen Bereichen bewegt hat.

Allgemein ist zu beobachten, dass neue Seite, Seiten mit verhältnissmässig wenig Linkpower und Seiten mit “Spamlinks” sich vermehrt in die Top20 “verirren”. Hab da selber auch 2-3 Seiten. Das wird sich aber sicherlich demnächst wieder alles halbwegs vernünftig einsortiert haben. Vielleicht stehen wir ja vor einem äußert spannendem SEO-Weihnachten.

Eigentlich komisch. Hab schon einige gehört, denen der aktuelle Index-Stand speziell aufgefallen ist. Im Abakus-Forum finde ich auf die schnelle nur einen Thread. Wahrscheinlich sind die meisten damit ausgelastet über den Pagerank zu diskutieren … bei Webmasterworld findet sich auch ein noch verhältnismässig kleiner Thread.

Als Randnotiz zu kürzlichen Veränderungen sollten Webkataloge nicht unerwähnt bleiben. Da hat sich in den USA schon einiges getan und wie es scheint sind auch einige deutsche Webkataloge betroffen - siehe Thread im Abakus-Forum. Da scheinen wohl viele abgestraft worden zu sein. Rand hat dazu einen guten Post veröffentlicht. Das Thema Webkataloge habe ich aber schon lange zu Grabe getragen. Theoretisch haben gute Themenkataloge ohne extreme SEO-Orientierung durchaus eine Daseinsberechtigung. Davon gibt es in Deutschland aber fast keine.

Selten traut sich mal jemand den Cursor in die Gestaltung einzubeziehen. Dieses Monster-Exemplar aus Belgien ist gleichzeitig zentrales Element der Gestaltung. Größer geht’s eigentlich nimmer, funktioniert aber trotzdem noch.

AdBrite-Kopie AdScale ist gestartet - Man vergleiche dazu einfach nur die Startseiten. Naja, wenn es denn funktioniert. Ich meine das AdBrite sich auch lange schwer getan hat, was den eigenen Profit angeht, aber mittlerweile die Kurve bekommen hat. Für Advertiser gibt es bei AdScale laut Katalog aber derzeit nichts zu buchen … da hätte man zum Start ruhig mal etwas vorsorgen können. Zu den Investoren gehören neben dem European Founders Fund auch Holtzbrinck Ventures.

Im übrigen gibt es bereits einen AdBrite-Klon in Deutschland: AdShopping. Dort hat man bisher aber wohl nur Textlinks im Angebot. Dafür aber immerhin schon ein paar Angebote.

Die beiden sind natürlich die Alternative für alle die Werbung lieber Google-konform verkaufen. Grade kleinere Seiten werden aber damit wohl weniger verdienen. Ich bin mal gespannt wie sich das entwickelt. Da müsste eigentlich schon ein kleiner Markt jenseits von AdSense vorhanden sein. Wenn ich nicht schon andere Pläne hätte, wären das durchaus Plattformen über die Internetmarketing News vermarktet werden könnte. Weniger als AdSense dürfte es in meinem Fall kaum einbringen. Ich möchte da aber lieber ein Paket aus Banner und Feed-Werbung schnüren. Mal schaun wann ich soweit bin …

Im Ice-Blog kann es einem eiskalt den Rücken runterlaufen, wenn man die neuste Google 3.0 Vision zu Gesicht bekommt: Google startet Groß-Reinemachen im Sushi-Business. Bald regieren Sushimedia und Co. Google die Welt.

Wie das geht, weiß am besten der neue Dienst Scriblink, der seine Besucher mit einem PopUp besonderer Art empfängt. Eine Texteingabe muss beim Betreten zwingend gemacht werden. Das ist aber sehr unfreundlich. Ich wollte doch nur mal gucken. Eine gute Gelegenheit Java zu deaktivieren.

Was nichts hilft:

• Fenster wegklicken
• Abrechen anklicken
• Woanders hinklicken
• Nichts eingeben und auf OK klicken
• Browserfenster schließen (geht nicht)
• Das Fragezeichen anklicken (ist nur eine Illustration)

Wenn man sich zur Zeit das auf und ab in den SERPs anschaut, dann kann einem schon schwindelig werden und der Puls auf 180 steigen. Schon lange gab es kein so großes Durcheinander in den Google Resultaten mehr wie in diesem Monat.

Verschollen geglaubte Domains tauchen aus dem Nirwana wieder auf, alte Schlachtschiffe geraten ins Wanken und manch neue Seite kommt mit einem Tempo die Serps hochgeklettert, wie man es sonst nur aus den Zeiten vor der Sandbox kannte.

Mit RankPulse läßt sich das Durcheinander schön visualisieren. Der RankPulse Index (RPI) bietet einen Blick auf die täglichen Schwankungen innerhalb der Google Resultate und überwacht zu diesem Zwecke die Top Ten Resultate von 1000 ausgewählten Keywörtern. Man kann sagen, seit 2 Wochen ist bei Google die Hölle los.

Erste SEO-Diagnose: Google leidet an Index-Rhythmusstörungen. Hoffentlich beruhigt sich Googles Pulsschlag bald, ansonsten droht der Index-Infarkt.

Ich hatte ja schon im Mai von der Google Gadget Ads Beta berichtet. Google hat jetzt angekündigt diesen Test weltweit zu erweitern. Hier ein Beispiel einer Gadget Ad von Honda:

Weitere Beispiele finden sich hier. Das ist auf jeden Fall ein sehr interessantes Anzeigenformat und ich bin gespannt wie es sich durchsetzen wird.

Google Gadget Ads laufen im Content Netzwerk und können auf CPM und CPC-Basis bezahlt werden. Infos von Google zu den Google AdWords Gadget Ads. Und
hier finden sich Infos für Entwickler.

Es ist schon eine Seuche mit den Proxies und dem Hijacken fremder Inhalte. Ein Kollege jammert mir schon seit mehreren Wochen die Ohren voll, dass eine für ihn wichtige und teure Seite von so einem Proxy-Monster gefressen wurde. Leider ist das kein Einzelfall und in diesem speziellen Fall besonders übel gelaufen. Der Proxy wird brav im Googel Index gelistet, jedoch die Proxy-Funktion scheint nicht mehr zu tun.

Und obwohl der Proxy seit langen sein Unheil verrichtet, hat Google es bis heute nicht für notwendig erachtet, das Teil aus dem Index zu schmeissen. Momentan sind es 78.400 Seiten, die unter site:anonymouse.ru gelistet werden. Mehrere Spamreports haben bis heute noch keinen Erfolg gebracht. Sehr frustrierend für die Opfer. Wahrlich kein Ruhmesblatt für Suma-König Googel und die Spam-Ritter rund um Matt Cutts.

Google gibt im AdWords Blog einige detaillierte Infos dazu, was für einen guten Landing-Page Qualitätsfaktor erwartet wird bzw. was zu einem schlechtem Qualitätsfaktor führt. Dazu gibt es jetzt auch eine neue Hilfe-Seite. Daraus einmal ein interessantes Zitat:

Zu vermeidende Geschäftsmodelle
Die folgenden Website-Arten erhalten einen niedrigen Zielseitenqualitätsfaktor. Bei Erhalt von Beschwerden bezüglich Anzeigen für derartige Websites wird die Anzeigenschaltung ausgesetzt.
* Websites zur Datenerfassung, auf denen kostenlose Artikel zur Sammlung von Informationen angeboten werden
* Arbitrage-Websites, die zur Anzeigenschaltung dienen
* Malware-Websites, über die - unter Umständen ohne Wissen der Besucher - Software auf dem Computer des jeweiligen Besuchers installiert wird

Ist mal wieder eine etwas unglückliche Übersetzung. Beim erstem Punkt hätte man statt Artikel besser Produkte verwendet. Punkt 3 ist ne klare Sache. Am interessantesten ist Punkt 2. Das ist im Prinzip auch der unklarste. Wenn man will, kann man darunter jede Form von Affiliate verstehen bei der Produkte über eine Landing-Page beworben werden.

Einige Dinge sind eingeschränkt akzeptabel:

Unter Vorbehalt zu bewerbende Geschäftsmodelle
Die folgenden Geschäftsmodelle bewirken häufig - jedoch nicht immer - einen niedrigen Zielseitenqualitätsfaktor. Im Fall der Werbung für eine dieser Website-Arten müssen die Richtlinien zur Zielseitenqualität unbedingt eingehalten werden. Dies gilt vor allem für die Richtlinie zur Bereitstellung individueller Inhalte.
* eBooks mit häufiger Anzeigenschaltung oder Installation von Malware
* Websites zur schnellen Gewinnsteigerung
* Websites mit Angebotsvergleichen
* Reisebüros
* Zweigunternehmen, die nicht unsere Richtlinien für Zweigunternehmen erfüllen

Punkt 3 und 4 sind mal wieder mies übersetzt. Punkt ist in englisch “Comparison shopping sites” und Punkt 4 ist “Travel aggregators”. Bleibt die Frage was Google gegen Angebotsvergleiche hat? Vermutlich stört sich Google auch hier an den Affiliates? Punkt 5 ist ohnehin mal wieder richtig “grottig” übersetzt. Im englischem steht dort “Affiliates that don’t comply with our affiliate guidelines”.

Vor einigen Tagen hat das Unternehmen "Astra" veröffentlicht, eine BSD-lizensierte Bibliothek für Flash- und ActionScript-Entwickler, wenngleich sie noch nicht besonders umfangreich ist. Neben Komponenten für Baum- und Menüstrukturen werden Klassen und Beispiele für Tab-Leisten, Autocomplete-Funktionen und Diagramme mitgeliefert.

Ungleich umfangreicher ist YUI, das Yahoo User Interface. YUI ("Y-U-I" oder "Jui" gesprochen) ist eine Javascript-Bibliothek, die sehr mächtige Widgets und Komponenten mitbringt, mit denen Entwickler in kurzer Zeit komplexe und dynamische Benutzeroberflächen zusammenstellen können. Das DataTable-Widget beispielsweise verarbeitet über einen Connector auf vielfältige Arten Objekte direkt. Im Widget können Benutzer die Daten sortieren oder vordefinierte Funktionen auf Datensätze ausführen.

Weiterhin stehen unter anderem Komponenten für Animation, Drag & Drop und Kalender-Widgets bereit. Es werden auch CSS-Grids mitgeliefert, welche die Produktion von Websites vereinfachen und beschleunigen sollen. Alles ist natürlich auf allen gängigen Webbrowsern lauffähig - somit entfällt auch ein Großteil lästiger Cross-Browser- und Cross-Platform-Tests. Obwohl Yahoo das Framework bereits bis zur Version 2.3.0 entwickelt hat, liegen viele Komponenten erst als Betaversion vor.

Trotzdem ist YUI bereits jetzt sehr vielseitig und wird nicht nur von YAHOO selbst produktiv genutzt, auch wenn die angesprochenen Komponenten noch einige "scharfe Kanten" haben. Entwickler können den Funktionsumfang anhand der ausführlichen Dokumentation und den anschaulichen Beispielen schnell erfassen. Ein YUI-Blog und Video-Casts runden das Informationsangebot ab. YUI steht so wie Astra unter der liberalren BSD-Opensource-Lizenz.

Der monatliche Rundumschlag mit den besten Links, Tools, Artikeln und Themen für Seitenbetreiber und Webdesigner. Seiten, die man nicht verpaßt haben sollte. Dies ist die deutsprachige Ausgabe des Originals bei Smashing Magazin. Hier geht’s zur Ausgabe des letzten Monats.

CSS-Techniken, (X)HTML, PHP

• CSS: The right sprite
  Eine neue Anwendung von CSS Sprites-Technik: um die Anzahl der Angaben in CSS zu minimieren, wird anstelle des background-image-Attributs das margin-Attribut ausgenutzt. Foreground Sprites: gleicher Ansatz, detaillierter erklärt.
• Purple-Include
  Eine JavaScript-Bibliothek, mit der Sie Fragmente Ihrer HTML-Dokumente ineinander dynamisch einfügen können, ohne den Inhalt der Dokumente zu kopieren. In der Fachsprache heißt ads "remote transclusions" (transcluding content not hosted on your web server). XPath und PHP im Einsatz.
• How to create VISTA style toolbar with CSS
  CSS-basiertes Navigationsmenü in Vista-Look.
  
  
  
  
• Creating a table with dynamically highlighted columns
  Eine "frische" CSS+JavaScript-basierte Technik zur Darstellung eines Auswahlmenüs. Beispiel (wählen Sie eine der Optionen, um den Effekt zu sehen).
• A Stripe of List Style Inspiration
  Eine etwas andere Art, ein CSS-basiertes Navigationsmenü zu realisieren. In Form von Streifen.
  
  
  
  
• A CSS styled table version 2
  Veerle Pieters erklärt, wie man zugängliche und benutzerfreundliche Tabellen mit CSS-Styling realisiert. Follow-up zum ersten Teil. Das Ergebnis.
• Fade Out Bottom
  Damit der untere Seitenbereich schrittweise in Hintergrund zu treten scheint, wird eine simple CSS-Technik verwendet, die sich ein transparentes .png-Bild sowie die z-index-Eigenschaft zunutze macht.
• Javascript Progress / Percentage Bar with CSS
  Statusindikator ist insbesondere in dynamischen Web-Applikationen unvermeidbar. Eine elegante Methode zur Erzeugung von "Progress Bars" mit ein wenig CSS und JavaScript.
  
  
  
  
• Professional horizontal menus
  Ein elegantes CSS-basiertes Navigationsmenü von Stu Nicholls.
  
  

Tools, Web-Dienste

• RegexPal: JavaScript Regex Tester
  RegexPal lässt reguläre Ausdrücke anschaulich - anhand eines beliebig vorgegebenen Textes auf die Korrektheit überprüfen. Gematchte Teilausdrücke werden grafisch hervorgehoben. Dazu: Regular Expressions: alles, was Sie zum Thema wissen sollten. Mit zahlreichen Beispiel und Tutorials.
  
  
  
  
• BuiltWith - Web Technology Profiler
  Der Dienst berichtet über die Konfiguration (Hardware und Werkzeuge) einer vorgegebenen Web-Seite - etwa Server, Analytics-Werkzeuge, Widgets, Frameworks oder (X)HTML-Spezifikation. Die globale Statistik ermöglicht einen direkten Vergleich einer Seite mit dem durchschnittlichen Profil von 5000 "Top"-Seiten. Siehe auch Dr. Web.
• Google Gears (beta)
  Web-Anwendungen lassen sich ab jetzt auch offline verwenden. Im Rahmen des diesjährigen Developer’s Convention veröffentlichte Google eine Browsererweiterung, mit der Web-Applikationen ihre Funktionalität auch offline beibehalten können. Unter anderem ist es möglich, beliebige Datenbestände herunterzuladen und lokal auf dem PC abzulegen; asynchrone JavaScript-Anfragen können wie gewohnt ausgeführt werden und sind sofort wirksam. Sämtliche Offline-Aktionen (etwa Tagging, Sharing u.a.) werden bei der nächsten Online-Verbindung synchronisiert und ausgeführt. Die Erweiterung ist 700 Kb groß und bis dato nur für Firefox 1.5+ und Internet Explorer 6.0+ verfügbar.
• Google Web Toolkit
  Google veröffentlichte die erste Release-Version seines Java-basierten Software-Development-Frameworks, mit dem sich Ajax-Anwendungen einfacher und schneller programmieren lassen. Insbesondere wurde das Augenmerk der Entwickler auf Kompatibilitätsprobleme gelegt; diese sollen nun in GWT leicht zu handhaben sein.
• YAML Builder
  Ein elegantes Werkzeug von Dirk Jesse, mit dem die visuelle Erstellung von YAML-basierten Layouts direkt im Browser ermöglicht wird. YAML (Yet Another Multicolumn Layout) ist ein (X)HTML/CSS-Framework zur Erstellung moderner, flexibler Layouts mittels Floats. Ausführliche Beispiele und Online-Dokumentation sollen Anfängern wie Profis helfen, robuste und flexible Layouts schnell und leicht zu erstellen.
  
  
• Deliverables That Work: Design Description Documents (DDD)
  Um eine optimale Kommunikation zwischen Kunden und Designern zu erreichen, ist es oft hilfreich, sog. Wireframes, also die schematische Darstellung der Interaktion, zu verwenden. Diese sollen dazu benutzt werden, um Seitenbetreibern eine kompakte und präzise Vorstellung über die Seitenfunktionalität sowie Seitenstruktur zu vermitteln - etwa durch eine begleitende Infobox, die über einzelne Seitenbereiche informiert. Robert Hoekman Jr stellt einige solcher Wireframes kostenlos zum Download bereit (für Apple iWork). Eine PowerPoint-Vorlage wird ebenfalls mitgeliefert.
• Stripemania - Striped background generator
  Ein simples Werkzeug zur Erstellung von Zebra-Streifen (etwa als Hintergrundbilder) online.
  
  
  
  
• XRAY
  Das Bookmarklet, mit dem sich Web-Seiten "röntgen" lassen, gibt es nun auch für IE 7. Das Werkzeug gibt zu einem ausgewählten Seitenelement detaillierte Informationen über dessen Eigenschaften, seine Position in DOM und dazugehörige CSS-Klassen und Bezeichner.

CSS Tools und Dienste

• pzImageCombine
  Mehrere Bilder in ein Gesamtbild zu integrieren und die passende Darstellung anschließend mit der background-position-Eigenschaft festzulegen, ist keine neue CSS-Technik. Dieses Desktop-Tool automatisiert die mühselige Erzeugung von Bildern: ist ein Verzeichnis vorgegeben, so werden alle .png-Bilder "on the fly" in ein Bild gepackt. Ein alternatives Online-Tool gibt es auch — zusätzlich liefert es die background-position-Angaben der jeweiligen Teilbilder.
• Designing Your CSS with A Grid Overlay
  How-To: Raster-basiertes Design im Einsatz in Adobe Fireworks and Photoshop.
  
  
  
  
• CSS Sculptor
  Eric Meyer veröffentlichte die Release-Version seiner Dreamweaver-Erweiterung, mit der sich vielfältige standardkonforme CSS-basierte Layouts generieren lassen. Preis: 149$
• Tripoli - a CSS standard for HTML rendering
  Diese Sammlung von Default-CSS-Schablonen soll eine solide Grundlage für browserunabhängige Seitendarstellung ermöglichen. Dabei braucht sich der Entwickler nicht um gewisse Seitenelemente zu kümmern, die anschließend extra hinzugefügt werden sollen - sämtliche Default-Vorgaben inklusive Tabellen, Listen, Typografie, aber auch Abkürzungen und Formulare werden mit dazugehörigen Default-CSS-Angaben für optimale Lesbarkeit verliehen.
• Blueprint Grid CSS Generator
  Mit dem Tool lassen sich flexible Versionen der raster-basierten Designs aus dem Blueprint CSS Framework online erstellen.

Ajax, Javascript

• Best Practices in Javascript Library Design
  Ein Talk von John Resign, dem Entwickler von jQuery JavaScript-Library, über die besten Praktiken und Techniken zur Programmierung von robusten, wiederverwendbaren und plattformunabhängigen JavaScript-Bibliotheken.
• JavaScript Tips for Novices, Acolytes, and Gurus
  JavaScript für Anfänger: eine Übersicht von grundlegenden Regeln und Syntax von JavaScript - im Schnelldurchlauf.
• AjaxView
  Stellt eine Art Server-Side-Proxy (Web-Server-Plugin) dar, über die sämtliche Aktivitäten der Seitenbesucher sich genauer dokumentieren und erfassen lassen.
• Accessible News Slider
  Zugänglicher News Slider als JavaScript-Plugin für jQuery.
  
  
  
  
• DatePicker using Prototype and Scriptaculous
  Ein Skript zur dynamischen Einbettung eines Datumwählers bei der Eingabe eines Datums. Programmiert mit Prototype und Scriptaculous.
• ModalBox
  Ein JavaScript-Modul zur Erzeugung von benutzerfreundlichen Dialogmenüs oder Sequenzen von Dialogmenüs (Wizard) wie man sie aus Desktopanwendungen kennt.
• LiveValidation - Validation as you type
  Ein kleines JavaScript-Widget, mit dem die Angabe des Nutzers in einem Feld "live" überprüft werden.
  
  
  

Referenzen, Tutorials, Tipps

• Firefox 2 Spelling Dictionary Hacks
  Gut zu wissen: Firefox 2 stellt unter anderem eine Rechtschreibprüfung zur Verfügung. Nötig dazu sind jeweilige Sprachmodule, die als Erweiterungen installiert werden können. Der Beitrag beschreibt, wie genau die Rechtschreibprüfung für Eingabefelder aktiviert wird. Wörterbücher zum Herunterladen. Deutschsprachige Seiten können auch online getestet werden. Englischsprachige ebenfalls.
• Photoshop Secret Shortcuts
  30 unbekannte Tastaturkürzel für Adobe Photoshop, die die Effektivität steigern helfen.
• 10 Free, Innovative Web Analytics Tools
  10 eher unbekannte Web Analytics-Tools, die als eine solide Alternative oder Ergänzung zu Google Analytics dienen können. Darunter Enquisite.com, 103bees und Clicky.
• Keryx (X)HTML Elements Best Practice Sheet
  Eine Auflistung sämtlicher HTML-Elemente inklusive ihres Auftretens in verschiedenen Versionen der (X)HTML-Sprache, semantischer Bedeutung sowie SEO-, Usability- und Accessibility-Regeln.
• 30+ Firefox Add-ons for Web Developers & Designers
  Über 30 nützliche Firefox-Erweiterung, die ihren Dienst im Alltag eines Web-Entwicklers gut leisten können. Unter anderem enthält die Liste Aardvark, X-Ray, Web Developer’s Extension und - natürlich - Firebug.
• Gadgets for ExpressionEngine
  Eine kleine Sammlung von mächtigen Erweiterungen, Modulen und Plugins für ExpressionEngine.

Web-Typografie

• Web typography: bottom margins of paragraphs and lists
  Eine perfekte vertikale Anordnung von Seitenelementen lässt sich mit wenigen Zeilen CSS-Code bewerkstelligen. Makro Drugonic zeigt, wie es geht.

Artikel und Beiträge

• 6 Keys to Understanding Modern CSS-based Layouts
  Jonathan Snook über 6 wichtige Aspekte des CSS-basierten Designs, darunter Box Model, Floats, Sizing Using EMs, Bildersetzungtechniken und CSS Sprites.
• How to use Photoshop to create Product Box
  Ein simples Step-by-step-Tutorial zur Erzeugung von 3D-Product Boxen in Adobe Photoshop.
  
  
  
  
• New Minimalism in web interface design
  Ein ausführlicher Beitrag über Minimalismus in modernen Web- und Interface Designs mit zahlreichen Beispielen, typischen Schemata des Ansatzes sowie weiterführenden Referenzen zum Thema.
• Better Writing Through Design
  Ein effektives Design baut auf Seiteninhalten auf; eine Seite, die überzeugen soll, hat eine erkennbare Stimme, mit der sich Seitenbesucher identifizieren können. Der Beitrag setzt sich mit der Bedeutung des Content im Web design auseinander und gibt konkrete Ratschläge zur Verbesserung seiner Qualität.
• Design by Metaphor
  Wenn ein Kunde seine Seite "wie eBay" haben möchte, ist unklar, was eigentlich gemeint ist. Ein Designer würde daraus "visuell ansprechendes Farbschema" ableiten, ein Entwickler "eine skalierbare Seitenstruktur" und ein Nutzer vielleicht "eine Bewertungsfunktionalität". Ein Beitrag darüber, wie man dahinter kommt, was gemeint ist, wieso solche Metapher effektiv sind und wie man mit ihnen effizient umgeht.
• Put Your Content in My Pocket
  Mit der zunehmenden Popularität von iPhone stellt sich die Frage nach Design von Applikationen für iPhone und andere mobile Geräte. Ende 2008 soll es weltweit insgesamt 10,000,000 mobile Geräte mit Internet-Zugang geben. Dieser Beitrag bietet eine ausführliche Einführung in das Thema. Den zweiten Teil gibt es auch.
• Ten: The Next Big Thing
  In diesem Jahr wird CSS 10 Jahre alt. Håkon Wium Lie, der CSS-Evangelist, dessen Bemühungen zur Etablierung von Cascading Stylesheets geführt haben, nutzt dies, um der Entwicklung von CSS einen neuen Impuls zu vermitteln. Sein Vorschlag an W3C: TrueType-Schriftarten ins Web zu verlagern und Textinhalte durch Server laden und rendern lassen. Geschehen soll dies mithilfe von media queries.
• The Ultimate Design Brief
  Um bei der Umsetzung eines Entwurfs Missverständnissen vorzubeugen, ist es wichtig von vornherein sämtliche Unklarheiten aus dem Wege zu räumen. Eine Check-Liste mit allen Details, die vor der Umsetzung besprochen und exakt dokumentiert werden sollen.
• Designing the "Future Of" Sites
  Ein Einblick ins Workflow von professionellen ist immer interessant und hat professionelles Know-How zu bieten. In diesem Beitrag dokumentiert Ryan Nichols seine Entscheidungen im Designprozess beim Entwurf von "Future Of"-Auftritten (Konferenzen "The Future of Web Apps", "The Future of Web Design" und "The Future of Online Advertising").
  
  
  
  
• This Way to the Web, Print Designers!
  Der Umstieg von Print Design zum Web Design ist keine einfache Angelegenheit, da im Web die absolute Präzision der Print-Mediums absoluter Dynamik des Web preisgegeben wird. Khoi Vahn gibt Einstiegspunkte sowie Buchempfehlungen für Print-Designer, die ihre Fertigkeiten im Web umzusetzen versuchen.
• Fixing the Web
  In den letzten 7 Jahren seiner Entwicklung hat sich das Web nur mühselig weiterentwickeln. Welche Probleme hat das heutige Web? Wozu soll es sich weiter entwickeln? Auf welche Herausforderungen müssen wir uns einstellen? Experten diskutieren die Zukunft des Web.
• CSS Layouts: The Fixed. The Fluid. The Elastic.
  Mike Cherim erklärt den Unterschied zwischen verschiedenen Layouttypen sowie Vorteile und Nachteile der einzelnen Techniken. Zur Wiederholung: Layouts fester Breite (pixelgenaue Angabe) verändern sich bei der Skalierung des Seitenfensters nicht, erzeugen also bei genügend kleiner Fenstergröße einen horizontalen Balken. Flüssige Layouts arbeiten mit Prozentwerten; die Breite von Seitenelementen hängt von der Breite des Fensters (viewport) ab — der Horizontalbalken entsteht nur bei einer schmalen Fensterbreite. Elastische Layouts hängen dagegen von der Schriftgröße im Text ab (em-Angaben).
• Home Sweet Home
  Die Startseite eines Web-Auftritts ist wichtig, aber bei weitem nicht so wichtig wie Entscheidungen, die Kunden wegen weit verbreiteter falscher Vorstellungen darüber machen. Paul Boag erläutert 4 typische Denkfehler, auf die Kunden beim Design von Startseiten hingewiesen werden sollen.
• Primary & Secondary Actions in Web Forms
  Luke Wroblewski setzt sich mit der Frage nach dem optimalen Ablauf der primären und sekundären Aktionen beim Ausfüllen von Online-Formularen. Ergebnis: unterschiedliches visuelles Gewicht (etwa Schriftgröße) von Aktionen hilft dem Seitenbesucher, Fehler zu vermeiden und zum Ziel zu gelangen. Außerdem: der Seitenbesucher soll einem direkten Pfad folgen - daraus resultiert die Notwendigkeit, durchgehend eine gleiche Ausrichtung zu verwenden.
• iconeye manifestos
  Das iconeye Magazin hat in seiner 50. Ausgabe 50 einflussreiche Architekten, Designer und Denker unserer Zeit um ein "Manifesto" gebeten. Das Ergebnis weiß zu beeindrucken.
  
  
  
  
• Banner Blindness: Old and New Findings (Jakob Nielsen)
  Web-Nutzer reagieren kaum auf die Werbung. In seinen letzten Studien konnte Jakob Nielsen das Phänomen der Bannerblindheit bestätigen. Außerdem: unmoralisches Design zahlt sich aus.
• 15 Design Decisions That Annoy Readers
  15 lästige Erscheinung im modernen Webdesign, die nach Möglichkeit vermieden werden sollen.
• Give Me Some Zzzzz’s
  Ein ausführlicher Beitrag über z-index-Eigenschaft in CSS und ihren Einsatz beim Aufstapeln von div’s. Wichtig: nur relativ oder absolut positionierte Elemente können einen z-index besitzen.
• Semantics in HTML
  Das zukünftige Web sehen viele Web-Evangelisten als das Semantische Web. Doch was macht es aus? Und wie ist der Stand der Dinge? John Allsopp setzt sich mit dem Thema auseinander.
• The Elements of Design Applied to the Web
  Eine Übersicht von modernen Trends in Web Design und Prinzipen, welche die heutige Seitengestaltung ausmachen: Balance, Proportion, Rhythmus, Betonung, Einheit.
• The 10 Biggest Mistakes Freelancers Make, and How to Avoid Them
  Ein Übeblick von Fehlern, die Freiberuflern häufig unterlaufen: etwa nicht eingehaltene Deadlines und zu kleiner Preis für zu viel Arbeit.
• Getting A Form’s Structure Right
  Ein sehr ausführlicher Beitrag über das effektive Design von komplexen Online-Formularen - mit vielen Beispielen und Erläuterungen zum Thema.

Design-Showcases, Inspiration

• muse | a collection of inspiration
  Eine "frische" Design-Galerie von Drew Wilson. Zweck der Seite: nicht nur schicke Designs zur Schau zu stellen, sondern auch die Inspiration dahinter.
• Showcase: WordPress CSS Gallery Theme
  Ein Wordpress-Theme für Design-Galerien, wie man sie etwa aus einschlägigen CSS-Showcases kennt. Davon gibt es zwar mehr als genug, aber es ist schön, das Template in greifbarer Nähe zu haben.
• Contact Forms Showcase
  Die Galerie von Kontaktformularen enthält 30 Einträge. Christian Watson präsentiert 62 weitere Formulare sowie eine Galerie von Anmeldeformularen.
• Yuxt - artist: typography_in_music_videos
  Eine Galerie von Musik-Videos, in denen Typografie eine besondere Rolle spielt.
  
  
  
  
• MagWerk
  Über 100 Seiten schicke Designs, Fotos und Interviews mit Designers und Illustratoren. Die September-Ausgabe des Onlinemagazins "encore".
  
  
  
  
• CMS Showcase
  In CMS Showcase werden Designs nicht nach ihren Inhalten oder äußerer Darstellung sortiert, sondern nach der (Weblog)-Engine, die sie verwenden.
• LogoLounge.Com Article Archive
  Aktuelle Trends in Logo Design 2007 im Schnelldurchlauf.
• typography - a photoset on Flickr
  Eine Galerie von schönsten Schnitten und Schriftarten: Typografie in ihrer schönsten Form. Zugabe.
  
  
  
  
• Portfolio - a photoset on Flickr
  Polaroid-Photos - zum Teil von Werbeplakaten und Printmaterialien. Exzellent zum Nachschlagen von "funktionierenden" Farbpaletten.
• Idea Mapping Set - a photoset on Flickr
  Wie erfasst man Ideen schriftlich auf einem Blatt Papier? Einige elegante Beispiel für sog. Mindmaps auf Flickr.

Der letzte Klick

• Content Aware Image Resizing
  Im Laufe der letzten Jahrzehnte durften sich Seitenbesucher auf die statische Darstellung von Bildern gewöhnen, während Web-Autoren sich mit mangelhaften Möglichkeiten zur Aufbereitung von Bildern im Web zufrieden stellen sollten. Mit der neuen Technologie, entwickelt von Dr. Ariel Shamir und Dr. Shai Avidan, lassen sich Bilder dynamischer skalieren und verformen. Dabei verändern sich nicht nur die Dimensionen der Bilder, sondern auch der Inhalt der Bilder. Da Shai Avidan sofort bei Adobe eingestellt wurde, könnte die Technik schon in kommenden Versionen von Adobe Photoshop zum Einsatz kommen.
• A Brief Message
  Das Projekt bietet Designern ein Podium, mit dem sie ihre Botschaften, Kritiken und Gesichtspunkte zum Ausdruck bringen können. Die einzelne Voraussetzung: Designer müssen sich kurz fassen. Neben einem Bild darf die Botschaft höchstens 200 Zeichen enthalten. Das gleiche gilt auch für Kommentare.
• HistoryShots Information Graphics - Prints
  12 beeindruckende Ansätze der Datenvisualisierung. Weitere Ansätze.
• Stop Motion Commercial
  Eine Million Notizblockblätter, 96.314 Photos, 2.5 Terabyte Speicher, 4.9 km Film. Ergebnis: eine 60-Sekunden-lange Werbung für MTN.

Ask macht für die eigene deutsche Suchmaschine Werbung bei Google. Das ist nicht neues. Man kann aber durchaus daran zweifeln, dass die Ask-Suchergebnisse die qualitativ hochwertigen Ergebnisseiten sind, die ein Suchender bei Google finden sollte. Insbesondere auch in Zeiten eines Google AdWords Qualitätsfaktors. Unter anderem wirbt Ask bei einer Suche nach “kostenloses Girokonto“:

Was mich doch im erstem Moment etwas gewundert hat. Ask steht mit der AdWords-Anzeige immerhin auf Platz 3. Der Preis pro Klick müsste da eigentlich recht deutlich im einstelligem Eurobereich liegen. Wie zum Teufel kann Ask sich das leisten ohne wie verrückt draufzuzahlen? Die Antwort zeigt sich auf der Zielseite:

Ja, richtig. Da sieht man in der Tat erst einmal 10 Werbe-Anzeigen, bevor dann endlich mal die regulären Suchergebnisse kommen. Das beste an der Sache ist aber: Ask wird von Google AdWords mit den Anzeigen beliefert. Kein Wunder das Ask sich die Anzeigen leisten kann, wenn man hier abkassiert. Mal schaun ob sich da jetzt was ändert oder ob Google da lieber weiterhin mitkassiert. Ich als Werbetreibender würde mich ja irgendwie verarscht fühlen, wenn ich bei Google AdWords die erste Anzeigenposition hätte. Der Besucher klickt meine Anzeigen an, klickt aber auch noch weitere Anzeigen an um sich einen Überblick über “kostenlose Girokonten” zu verschaffen. Klickt also als fünftes Ergebnis die Anzeige von Ask an. Dort bin ich Werbetreibender dann wiederum als viertes Suchergebnis\Werbeergebnis gelistet und weil der Suchende schon wieder vergessen hat, dass er mich schon bei Google als erstes geklickt hat, darf ich gleich noch einmal blechen. Na, danke und “Hallo aufwachen, liebe Commerzbank.” Und Google sollte sich vielleicht auch einmal fragen an welchem Blödsinn man da mitverdient.

Übrigens gibt es mittlerweile sogar bei eBay kostenlose Girokonten:

Update: Ich hätte jetzt im erstem Moment gedacht, das Ask derart viel Werbung nur bei über AdWords beworbenen Suchen anzeigt. Wenn ich mir dann aber andere Suchen (Bsp. Kredit oder Autovermietung) anschaue, scheint das mittlerweile normal zu sein. Ich würde das mal als Aufgabe von Ask im deutschem Markt werten wollen. Man macht sich keine Hoffnung mehr als Suchmaschine in Deutschland nennenswerte Marktanteile gewinnen zu können und versucht einfach noch möglichst viel Geld zu verdienen. Könnte natürlich auch sein, dass man der Meinung ist, das Google AdWords bessere Ergebnisse liefert als die eigene Suchmaschine.

Update: Mir fällt grade auf, dass ich mir in einem Punkt einen kleinen Fehler erlaubt habe und Ask es nicht auf die erste Google-Suchergebnis-Seite schafft, sondern ungefähr den Anzeigenplatz 45 einnimmt. Somit also auch unter 1 Euro pro Klick bezahlt und auf diesem Platz natürlich auch entsprechend wenig Klicks bekommt. Das ändert allerdings nichts generelles. Das entspricht aber auch schon mehr der normalen Strategie anderer Suchmaschinen über Google an Traffic zu kommen. Dabei wird mehr auf eine große Anzahl von Keywords zu billigen Preisen gesetzt. Im Falle von Ask mit der Menge an AdWords-Werbe-Ergebnissen wird das vermutlich eine sehr lukrative Angelegenheit sein. Sozusagen der Traum eines jeden Made-for-AdSense-Spammers.

Mal wieder nichts superspannendes, dafür ein paar interessante Kleinigkeiten:

• Silver Surfer auf dem Vormarsch - Um auch diese zahlkungskräftige Klientel ins Boot zu holen, sollte man sich wohl langsam gelegentlich ein paar Gedanken machen. Einerseits bei den gewünschten Produkten, Silver Surfer haben da naturgemäß ganz andere Vorstellungen. Andererseits aber auch beim Design. Silver Surfer werden es vermutlich vorziehen, wenn die Seite einfach und verständlich ist, die Schrift nicht zu klein, usw. Aus SEO-Sicht werden Silver Surfer sicherlich auch ein ganz anderes Suchverhalten an den Tag legen, z.B. andere Keywords verwenden.
• Google testet “Suggest Search Result Feature” - Das Feature dürfen derzeit einige Nutzer testen. Einen kleinen Einblick erhält man, wenn man sich unter dieser Url mit dem Google-Account einloggt. Das nominieren funktioniert allerdings noch nicht. Hier ein Screenshot-Beispiel:
• Markus hat einen Affilinator-Testbericht veröffentlicht. Hab mir den Affilinator kürzlich mal selber angeschaut - bin da aber zeitlich noch nicht zu soviel gekommen. Ist eigentlich ganz nett und DC-Probleme kann man meiner Meinung nach durchaus halbwegs umschiffen. Markus gibt zur Nutzung ja auch gleich einige wertvolle Hinweis. Mein Tipp wäre es den Affilinator immer nur themenbezogen auf eine enge Produktnische mit ein paar Shops zu nutzen. Am besten als Teil einer bereits halbwegs gut verlinkten Seite aus der entsprechenden Nische. Es gibt auch eine kostenlose Quelle-Edition. Für alle Nutzer der kostenlose Quelle-Edition ist gestern ein Affiliate-Wettbewerb gestartet.
• Overture Keyword Tool gibt derzeit keine Ergebnisse aus - Wurde ich am Wochenende schon 2-3 mal drauf hingewiesen. Vielleicht ist es nun das endgültige Ende des Overture Keyword Tools. Ich hab es eh schon länger nicht mehr genutzt. Bleibt natürlich zu hoffen, dass Yahoo mit einem besserem Ersatz durchstartet. Solche Pläne wurden zumindest mal angekündigt.
• Google will keine RSS-Ergebnisse in der Websuche zeigen. Macht Sinn. Ich meine dass die Google Blogsuche eigentlich auch mehr eine RSS Suche ist … ?
• Ligatus stellt neues Online-Marketing-Tool vor

Bin im übrigen nächste Woche auf der OMD. Montag beim Tradedoubler-Event und die restlichen Tage wird sich dann wohl was ergeben …

RSS ist wichtig, denn das Format trägt zum Erfolg von Websites und Blogs bei. Millionen nutzen RSS. Insgesamt allerdings erst ein kleiner Prozentsatz der Surfer insgesamt. Doch es werden mehr. Das hat sichtbaren Niederschlag gefunden. Frühe Buttons wurden schlicht mit "XML" beschriftet, ein Fachterminus, so sinnvoll wie eine Webseite "HTML" zu nennen. Das sah dann (und sieht manchmal immer noch) so aus:

Source: cadenhead.org

Heute haben wir einen quasi Standard, der von Browsern und Software verwendet wird und sinnvollerweise auch auf den meisten Websites zum Einsatz kommt. Sinnvoll deshalb, weil der Besucher das Symbol wiedererkennt und sofort identifizieren kann.

Standard RSS-Icon

Doch die Netzwelt ist kreativ, so blieben Veränderungen und Variationen nicht aus. Es muss nicht immer Orange sein, Schatten, Rahmen, Glanz und allerlei Effekte tun ihr Übriges. Trotzdem bleibt der Button am Ursprung und ist weiterhin problemlos erkennbar. Wer das nutzen möchte, findet inzwischen eine recht ansehnliche Auswahl zum Download und zur freien Verwendung.

Standard in Variationen: RSS-Iconsets zum Download

• Eine Kollektion mit Vektorvorlagen (Developer Kit) ist für die Standard-Vorlage erhältlich. Inklusive sind 14 Photoshop-Vorlagen (PSD) und 4 für Adobes Illustrator.
  
  
  
  
• Free Glass Style RSS/Feed Icons
  213 Icons in 8 Größen und verschiedenen Formaten aus der Bittbox
  
  
  
• Feedicons
  34 Icons in 32*32 und 16*16 Pixels - PNG-Format.
  
  
  
  
• 3D Rss Feeds Icon
  1 Icon im 3D Look in 4 Größen von Dirceu Veiga.
  
  
  
• Circle Feeds Icons
  aus der gleichen Quelle. 4 Variationen in 4 Farben in rund.
  
  
• Free Feed Icons
  16 farbige Icons
  
  
  
  
• 30 Free Vector RSS Icons
  
  
  
  
• Bevor es jemand erwähnt, auch bekannte Iconsets enthalten den einen oder anderen RSS-Button. Zum Beispiel die Silk Icons von FamFamFam. Oder das Vektorset von GoSquared.
  

Ideen
Wer selbst ein Grafikprofi ist, kann in Versuchung geraten etwas gänzlich Anderes auszuprobieren. Doch Experimente können die Wirksamkeit beschädigen. Schließlich geht es in erster Linie nicht um das gute Aussehen, sondern um mehr Leser für den Feed. Einige Beispiele:

• Schick und andersfarbig. Die Titanic lässt grüßen.
  
  
  
  
• Vikiworks verleiht dem Icon Füße.
  
  
  
  
• Im Stile eines Notizblocks.
  
  
  
  
• Kräftig und im Web 2.0 Design ausgeführt. Freistehend im Seitenkopf.
  
  
  
  
• Als Bestandteil einer Menüleiste. Das Originalmotiv ist noch erkennbar.
  
  
  
  
• Völlig anders geht es auch. Der RSS-Blimp ist im Original sogar noch animiert. Hier allerdings wird eine Grenze überschritten. Man muss sich fragen, ob das Motiv noch seinen Zweck erfüllt. Andererseits, für reine Portfolio-Seiten kann auch das egal sein. Dort geht es vor allem um den kreativen Umgang mit den Elementen.
  
  

Ein weniger schöner Trend sollte nicht unerwähnt bleiben. Die Buttons werden immer größer. Eines Tages kommen wir hier hin.

Selbermachen
Wer sich selbst an einem Button versuchen will oder vorhandenes nachzeichnen möchte, findet Hilfe in einer Reihe passender Tutorials.

• Design a custom RSS feed icon
  für Photoshop von PixelHive
• Glassy & Vibrant RSS feed icon Tutorial
  Vista Style für Photoshop
  
• Create a Vector RSS Icon
  von Spoon Graphics für Illustrator
  
  
  
  
• Make your own RSS Feed icon
  Ein Photoshop Tutorial
• RSS Icons
  Ein Tutorial für Fireworks
• RSS-Icon: Standard in Variationen
  Photoshop Tutorial von Dirk Metzmacher bei Dr. Web
  
  

Zur Position des Icons
Das schönste Motiv nützt nichts, wenn es versteckt wird. Nicht selten verkümmert der Hinweis auf den Feed ungesehen in der Fußzeile. Man verlässt sich auf den Browser. Die sind inzwischen durchweg mit einer Autodetect-Funktion ausgestattet und weisen auf Feeds in der URL-Leiste hin - und werden übersehen. Die prächtigen Icons und Buttons haben eben auch die Aufgabe auf die Möglichkeit eines Feeds überhaupt erst hinzuweisen. Dies geschieht am besten so prominent wie möglich. Idealerweise neben dem Logo oder oberhalb der Menüleiste. Je tiefer die Grafik rutscht, desto weniger Abonnenten wird man gewinnen. Hier gibt es Unterschiede je nach Layout und Benutzung einer Website. Um die beste Position zu ermitteln, lohnt sich eine Heatmap. 

Real-Live-Button: Quelle Flickr