Eines ist klar: Typekit bringt Abwechselung in die einseitige Font-Welt des Internets – allerdings längst nicht immer im positiven Sinne, leider.

Das Rendering-Problem

Ähnlich wie bei bisherigen Webfont-Tests anderer Personen, musste auch ich feststellen, dass die Qualität der Fonts sehr stark von der Schriftglättung des verwendeten Betriebssystems abhängig ist. Unter Mac OS X kommt nahezu jede der 69 verfügbaren Fonts meines Trial-Accounts sehr gut zur Geltung. Es bereitet regelrecht Freude, Webseiten auf diese Art mit ansprechenden Fonts aufzuwerten.

Leider hält die Freude nicht lange an: Erscheinen die Schriften unter Windows mit aktivem ClearType auf den ersten Blick noch relativ ansehnlich, so fällt jedoch schnell auf, dass das Schriftbild sehr ungleichmäßig ist. Die Stärke einzelner Zeichen varriert bei größeren Schriftgraden gelegentlich, bei kleineren Schriftgraden werden die Fonts dagegen oftmals sehr, sehr dünn, sodass sie aufgrund mangelnden Kontrastes nur schwer lesbar sind. Zwischen einem normalen und fetten Stil lässt sich bei einigen Fonts kaum ein Unterschied feststellen, Kursive werden – vor allem bei kleinen Schriftgraden – etwas zerstückelt. Aber trotz der vielen negativen Worte: es geht! Auch unter Windows mit ClearType würde ich gerne ein paar nette Akzente setzen wollen, bespielsweise für Überschriften – für den Fließtext eignet es sich jedoch zumeist nicht sehr gut.

Was gar nicht geht: Der Einsatz ohne aktivierte Kantenglättung durch das OS. Bei einigen Fonts wird das Schriftbild durch die fehlende Glättung sehr gestört. Richtig problematisch wird es bei dem Einsatz von Serifen und kursiven Texten, vor allem bei kleinen Schriftgrößen. Dann sind viele Fonts kaum noch lesbar und werden gerne mal regelrecht zerstückelt. Da der Anteil der Systeme ohne jegliches Anti Aliasing im Internet jedoch wohl eher gering ist und in Zukuft weiter sinken wird, kann man über kleinere Probleme in der Darstellung hinweg sehen, insofern der Text trotzdem relativ gut lesbar bleibt.

Ohne Moos nix los

Störend am Trial-Account ist der Badge, der auf jeder Webseite, auf welcher der JS-Code von Typekit eingefügt wird, in der rechten unteren Ecke des Browsers angezeigt wird. Dieser linkt auf eine “Colophon” Webseite, auf der die verwendeten Fonts und Typekit vorgestellt werden. Wer das nicht mag, muss bezahlen.

Den drei weiteren Account-Typen, die allesamt kostenpflichtig sind, werden außerdem gestaffelt weitere Extras hinzugefügt. So lässt sich die Anzahl der verfügbaren Schriften von 69 auf 296 und der Traffic von 5 auf bis zu 100GB pro Monat aufstocken. Da es scheinbar keine Einsicht in den eigenen Trafficverbrauch gibt, kann ich nicht beurteilen, wie “großzügig” die 5GB in dem kostenlosen Programm einzuschätzen sind.

Leider lässt sich der Typekit-Account erst ab einer Investition von 17 USD pro Monat mit dem “Portfolio Plan” für mehr als eine Webseite verwenden, wobei dann auch die Beschränkung von maximal zwei gleichzeitig verwendbaren Fonts aufgehoben wird.

Aus meiner Sicht ist Typekit auf jeden Fall einen Blick wert. Gerade bei größeren Schriftgraden kann man mit ansprechenden Fonts sehr schöne Akzente setzen, die auch in den meisten Fällen gut zur Geltung kommen werden. Typekit lohnt sich vor allem, weil der Einsatz sehr bequem und unkompliziert ist – über lizenzrechtliche Schwierigkeiten und dergleichen muss man sich keinerlei Gedanken machen. Allerdings lässt sich Typekit diese Einfachheit auch etwas kosten: Will man Typekit ohne Werbe-Badge benutzen, muss man monatlich mindestens 7 USD zahlen – je nach eigenen Bedarf sogar bis zu 49 USD.

Das Bundle kann nach einer kostenlosen Anmeldung bei MacHeist via Download bezogen werden. Wer mag, darf aber auch völlig freiwillig einen beliebigen Betrag zahlen.

Folgende Apps sind in dem Bundle enthalten:

• ShoveBox (Notizverwaltung)
• WriteRoom (Fullscreen Textverarbeitungsprogramm)
• Twitterrific (Twitter Client)
• TinyGrab (Screenshot Sharing)
• Hordes of Orcs (Tower Defense Spiel)
• Mariner Write (Textverarbeitungsprogramm)

Mariner Write wird erst für alle freigeschaltet, wenn sich bis zum Ende der Aktion am 12. November insgesamt 500.000 Personen beteiligt haben. Das Bundle hat einen Gesamtwert von 154 USD. Zuschlagen!

Was ist Google Wave?

Google möchte mit den Waves die betagte E-Mail revolutionieren. Wave erlaubt es, live miteinander zu kommunizieren. So kann man den Empfänger einer Wave beim Tippen der Antwort beobachten und bei Bedarf auch umgehend darauf reagieren.

Sogenannte Extensions erweitern Google Wave um nützliche Funktionen wie Google Maps oder Umfragen. Neben vielen Medien, die sich direkt in die sogenannten Blips – das entspricht einer Antwort bei einer E-Mail – einbinden lassen, können Waves auch von beliebig vielen Benutzern simultan bearbeitet werden, womit sich Google Wave auch sehr gut zur Projektplanung eignet. Bei Bedarf können Waves sogar öffentlich angelegt werden, sodass jeder den Inhalt lesen kann.

Viele Funktionen, die man bei E-Mails hin und wieder vermisst. Aber Google Wave hat auch noch mit einigen Problemen zu kämpfen: So sind die Ladezeiten momentan noch relativ lang – größere Waves reagieren daher häufig träge und “ruckeln” beim scrollen. Das sollte sich jedoch mit wachsenden Serverkapazitäten seitens Google und nicht zuletzt auch schnelleren JavaScript Engines seitens der Browser beheben lassen. Die beste “Browsing Experience” bietet übrigens – wie sollte es anders sein – Googles hauseigener Browser Chrome.

10 Invites zu verschenken

Wer auch gerne früher Besitzer eines Google Wave Accounts sein möchte, hat nun die Gelegenheit einen von zehn Invites zu erhalten. Dazu ist nur ein Kommentar (mit gültiger E-Mail Adresse!) zu diesem Artikel nötig.

Den Zuschlag bekommen die ersten zehn Kommentatoren mit Interesse an einem Account. Es gilt also: Wer zuerst kommt, waved zuerst! :)

Update: Alle zehn Einladungen wurden bereits vergeben!

SevenSnap ist eine “Entertainment-Shopping” Application, die ein einmaliges Schnäppchenjagd-Erlebnis auf das iPhone bringt und damit einen völlig neuen Markt auf den mobilen Geräten bedient. In sogenannten Snap-Rooms sinkt der Produktpreis sekündlich – je mehr Benutzer anwesend sind, desto stärker ist der Preisfall.

Derzeit läuft für alle Interessierten eine Anmeldephase für einen geschlossenen Beta-Test. Außerdem wird über ein Twitter-Gewinnspiel ein MacBook Pro 15″ verlost.

Das Interface stützt sich auf die Grundfarben Blau und Weiß, die sich auf jedem Screen der App wiederfinden. Grüne Textausschnitte und Buttons dienen zur Hervorhebung wichtiger Informationen oder weiterführender Schritte. Zahlreich eingesetzte Icons illustrieren die Funktion der einzelnen Bereiche und erleichtern die Navigation. Animierte Ziffernblätter (”Snap-Cards” genannt) bei sinkenden Preise und ablaufenden Zeiten sorgen für zusätzliche Unterhaltung.

Für mich als Grafiker ist es schade, dass wohl nicht alle Teile der iPhone GUI ohne weiteres frei gestaltet werden können, ohne dass teilweise aufwändige Workarounds im Code vorgenommen werden müssen. Insgesamt ist jedoch ein recht attraktives Interface entstanden, dass sich sehr wohl in der Riege der bisher verfügbaren iPhone Apps eingliedern kann und sich keineswegs verstecken muss.

Alle sprechen davon, aber eigentlich weiß niemand so recht, was dieses iTablet – insofern es überhaupt diesen Namen erhält – denn eigentlich sein und können soll. Einige denken, dass Apple für dieses Gerät erneut das Mac OS fingertauglich anpassen wird, wie dies beim iPhone der Fall ist. Die meisten behaupten jedoch, dass auf dem iTablet das iPhone OS laufen wird, bloß mit einer höheren Auflösung. Das OS könnte die iPhone / iPod Touch Applications in ihrer Originalgröße als Fenster oder speziell angepasste Versionen ausführen, welche die volle Auflösung ausnutzen. Es scheint jedoch gemeinhin relativ sicher, dass das iTablet über den App Store mit neuen Programmen versorgt wird und nicht das normale OS X ausführen wird.

Nun bleibt allerdings die Frage offen, welchen Nutzen ein solches Gerät neben iPhone und MacBook Air hat? Das iPhone passt perfekt in die Hosentasche. Mit ihm kann man unterwegs die E-Mails checken, die News-Feeds lesen, Videos auf YouTube sehen und – ach ja, telefonieren! Das MacBook Air, seines Zeichens das leichteste und kompakteste Notebook der Welt mit Stil, führt das Mac OS ohne Murren aus, ist groß genug um unterwegs im Zug, Café oder im Park zu arbeiten und klein genug, um kompfortabel transportiert zu werden.

Das iTablet genau dazwischen zu positionieren erscheint mir unlogisch – so groß ist die Spanne zwischen iPhone und MacBook Air nicht, als dass ein weiteres Gerät in deren Mitte benötigt würde. Ein typisches Netbook, bloß mit Touchscreen, ist meiner Meinung nach ohnehin nicht “The Apple Way”. Vielmehr rechne ich bei dem iTablet mit einer multimedialen Ergänzung für zu Hause beziehungsweise das Home Theater, vielleicht als Kompanion des eher stiefmütterlich behandelten Apple TVs.

Bei neuen Produktklassen sind wir eigentlich einen regelrechter Hammer gewohnt. Man erinnere sich bloß an die Einführung des iPhones oder iMacs. Ein 10″ Touchpad scheint dagegen jedoch nicht sonderlich revolutionär, zumal Techcrunch ebenfalls mit dem Crunchpad antreten will und als erstes auf dem Markt einsteigen wird. Vielleicht kann man sich auch dieses Mal sicher sein, dass Apple viele Erwartungen übertreffen wird.

Da in nächster Zeit keine nennenswerten Apple Events anstehen, auf denen größere Umstellungen in der Regel präsentiert wurden, ist der Erscheinungstermin für den Herbst 2009 relativ seltsam, nachdem Apple allerdings zu Anfang des Jahres ihre Strategie bezüglich des öffentlichen Auftritts umgestellt hat, scheint es jedoch gar nicht mal so abwegig.

In einem an das Layout der Webseite von KreativKarriere orientierten Video werden dem Kandidaten, also jedem Betrachter des Videos, zehn Fragen gestellt, ganz nach dem Vorbild “Wer wird Millionär” mit vier Antwortmöglichkeiten, wovon natürlich nur eine richtig ist.

Der Clou: Durch die Möglichkeit der zeitgesteuerten Markierung einzelner Videobereiche als Links, kann der Betrachter die (vermeidlich) richtige Antwort anklicken und wird dann zu einem Folgevideo weitergeleitet, in welchem er dann erfährt, ob er richtig geantwortet hat und auch gleich die nächste Frage gestellt bekommt. Der Kommentator der Quiz-Show reagiert dabei entsprechend variabel auf die Leistung des Teilnehmers. Schön gemacht!

Die Link-Springerei bietet natürlich Potential zur Manipulation der eigenen Ergebnisse – aber man betrügt sich damit ja nur selbst. Für richtige Grafikdesigner sind die Fragen keine echte Herausforderung. Ansonsten halte ich derartige Projekte für eine sehr gelungene Idee.

Lust bekommen, dich selbst zu testen? Hier geht es los.

Übrigens – ebenfalls via KreativKarriere entdeckt – gibt es bereits die erste Werbeagentur, die ihre komplette Webseite ausschließlich auf YouTube plaziert hat. Und zwar in Form von Videos. Selbige Markier-Funktion verwendet BooneOakley für die Navigation durch ihre – etwas eigene – Flash-Webseite.

Aus drei meiner bisherigen Wallpaper für den PC, nämlich Fluent Lines, Shiny Colors und Squish habe ich nun insgesamt 16 farbliche Variationen ausgearbeitet, die alle für den Einsatz auf dem iPhone ausgelegt sind. Vorschau gefällig? Eine kleine Übersicht gibt es hier.

Download: iPhone Wallpaper Pack #1

An dieser Stelle möchte ich darauf hinweisen, dass das iPhone Wallpaper Pack einer Creative Commons 3.0 by-nc-sa Lizenz unterliegt. Diese erlaubt, die Dateien zu vervielfältigen, verbreiten und öffentlich zugänglich zu machen sowie Abwandlungen oder Bearbeitungen anzufertigen, insofern ich als Autor inklusive einem Link zu arcance.net erwähnt werde. Eine kommerzielle Verwendung der Dateien ist nicht gestattet.

Der Einbau ist kinderleicht

Im Grunde genügt schon eine kleine Copy & Paste Aktion des folgenden PHP-Blocks und die Liste ist für die meisten Leute ohne Modifikation optimal einsatzbereit. Der Code muss bloß an eine geeignete Stelle in der single.php eingefügt werden – ich empfehle in den meisten Fällen direkt unterhalb von <?php the_content(); ?>.

Wichtig: Der Code muss sich innerhalb der Loop befinden! Also zwischen <?php if (have_posts()) : while (have_posts()) : the_post(); ?> und <?php endwhile; endif; ?>.

<?php
$tags = wp_get_post_tags($post->ID);  
if ($tags) {    
  $the_tags = array();
    foreach($tags as $each_tag) $the_tags[] = $each_tag->term_id; 
  $args=array(  
    'tag__in' => $the_tags,  
    'post__not_in' => array($post->ID),  
    'showposts' => 5, // Anzahl der aufzulistenden Artikel    
    'caller_get_posts' => 1 // Verhindert, dass Sticky Posts gelistet werden
  );  
  $new_query = new WP_Query($args);  
  if( $new_query->have_posts() ) { 
    echo '<h3>&Auml;hnliche Artikel</h3><ul>'; // Überschrift der Liste
    while ($new_query->have_posts()) {
      $new_query->the_post(); ?>  
      <li><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>    
    <?php } 
    echo '</ul>';
  }  
}
?>

Erläuterung des Codes

Ich gehe nur kurz auf die allgemeine Funktionsweise des Codes ein. Zu Beginn werden alle Tags des Artikels ausgelesen und zusammengetragen. Anschließend wird überprüft, welche anderen Artikel ebenfalls mindestens eines der Tags erhalten hat, sodass dann die fünf neusten Artikel davon aufgelistet werden. Durch 'showposts' => 5, lässt sich die Anzahl der aufzulistenden Artikel anpassen.

Die Artikel werden anschließend in einer Aufzählungsliste ausgegeben. Wer das nicht mag, kann die <ul> und <li> Tags löschen und stattdessen eine andere Art der Darstellung verwenden.

Meines Erachtens gibt es eine Vielzahl an Möglichkeiten, die für diesen Einsatzzweck praktikabel wären. Für welche man sich letztlich entscheidet, liegt im Ermessen des Betreibers und sollte passend zu dem angebotenen Inhalt aufgebaut sein.

Einheitliche Optik

Es ist grundsätzlich ratsam, die Fehler-Seite im gleichen Layout wie den Rest der Webseite zu halten, damit der Betrachter im Wissen ist, noch immer auf der gleichen Webseite zu sein. Eine blanke, vom Server oder Browser definierte Fehler-Seite (das wäre der Fall, wenn vom Betreiber gar keine 404-Seite definiert wurde) geht jedenfalls gar nicht.

Suchmöglichkeiten

… sind immer nützlich! Gerade wenn der Besucher, der auf der Fehler-Seite landete, gezielt nach einem bestimmten Artikel suchte. Sollte der vormals an dieser Stelle vorhandene Inhalt nicht gelöscht, sondern lediglich verschoben worden sein, wird der Besucher den Artikel auch mit Sicherheit finden.

weiterführende Links

Falls ein Artikel tatsächlich gelöscht und nicht verschoben wurde, ist es sehr sinnvoll, dem Betrachter eine Reihe nützliche Links zu bieten, die ihn zu anderen Bereichen der Webseite weiterleiten. Möglicherweise gibt es dort Inhalte, die ihn ebenfalls interessieren könnten.

Kontaktmöglichkeiten

Ein kleines Kontaktformular oder ein Link zur E-Mail Adresse des Betreibers kann helfen, nicht mehr funktionierende Links ausfindig zu machen. Außerdem bietet es dem Betrachter die Möglichkeit, sich über den Verbleib des gesuchten Inhaltes zu informieren.

Kurze Phrasen, interessante Informationen oder Statistiken

Ich finde es manchmal ganz interessant, einen kleinen Einblick in die Statistiken der besuchten Webseiten zu erhalten. Besonders, wenn ich mich gerade eh auf einer Seite befinde, die nicht den gesuchten “interessanten” Artikel beinhaltet, der mich sonst davon abhalten würde. Eine 404-Seite ist daher ein gute und wenig aufdringliche Möglichkeit, dem Betrachter ein paar Informationen über die möglichen Umstände oder interessante Zahlen aus den Statistiken zu präsentieren.

Entschuldigen, scherzen – Hauptsache Emotionen erwecken

Es ist keine schlechte Idee, sich für die Unannehmlichkeiten zu entschuldigen, denn – ähnlich wie der Kunde im Kaufhaus – sollte der Betrachter auf der Webseite der König sein. Schließlich betreibt man sie für ihn und profitiert gegebenenfalls von seinen Besuchen. Wenn es zum Webauftritt passt, kann man die Thematik auch gerne von der humoristischen Seite aufgreifen und das Ganze etwas banalisieren.

Weitere sehenswerte 404-Fehler-Seiten

Für welche Methode(n) man sich auch entscheiden mag – die 404-Fehler-Seiten werden oft sehr unterschätzt. Zumal sie doch im Allgemeinen häufige Absprungseiten sind. Schöne und sinnvoll aufgebaute Fehler-Seiten können helfen, die Zahl der Besucher dauerhaft zu erhöhen.

Wie baue ich meine eigene 404-Seite?

Die meisten gängigen CMS- und Blog-Systeme wie zum Beispiel WordPress werden bereits von Haus aus mit leicht aufsetzbaren 404-Seiten bestückt. Hier besteht nur die Aufgabe, das entsprechende, dafür vorgesehene Template auf die eigenen Bedürfnisse anzupassen.

Bei anderen (statischen) Webseiten ist allerdings auch nicht viel aufwändiger. Man erstellt sich, ähnlich wie bei einem CMS, eine HTML- oder PHP-Datei, welche die Fehler-Seite beinhalten wird. Zusätzlich wird eine .htaccess Datei benutzt (mit einem Text-Editor eine Datei ohne Namen erstellen, und ihr die Endung .htaccess geben) und mit folgender Zeile bestücken:

ErrorDocument 404 /verzeichnis/404_datei.html

Kleiner Tipp am Rande: Das gleiche Spielchen funktioniert ebenfalls bei all den anderen Fehlermeldungen! Zum Beispiel 403 für unzureichende Zugriffsrechte, 408 für Zeitüberschreitung, 500 für einen Serverfehler durch eine ungültige Anfrage oder 503 für eine Überlastung des Servers wegen zu vielen Anfragen.