toscho.design» Links

Browser-ABC

Thomas Scholz — Sun, 16 May 2010 06:35:03 +0000

Ich bin gerade erst darüber gestolpert – Sonntagmorgen, fragt nicht! – Christian Leu listet auf, welche Seite ihm der Browser für jeden einzelnen Buchstaben vorschlägt. Find’ ich lustig, also steige ich verspätet noch ein. Das Ergebnis entlarvt mich vermutlich als langweiligen Fachmenschen. Und doch stehe ich dazu.

Wer spielt mit?

Designlinks 12

Thomas Scholz — Wed, 28 Apr 2010 10:19:33 +0000

Wird mal wieder Zeit. Aber zuerst entspannen wir uns ein bißchen:

Quelle: CollegeHumor.

›Do not use PHP references‹, empfiehlt Johannes Schlüter, denn Referenzen kosten Tempo, Übersicht und Flexibilität. Ob seiner klaren und verständlichen Darstellung dieses kniffligen Themas möchte ich den Artikel jetzt schon in die Liste der zehn besten dieses Jahres rücken.

Nicholas C. Zakas: History of the user-agent string. Warum die UA-Strings heute oft so sonderbar aussehen. Die neue Kennung des IE 9 lautet:

Mozilla/5.0 (compatible, MSIE 9.0; Windows NT 6.1; Trident/5.0)

Anhängsel irgendwelcher Zusatzsoftware werden nicht mehr eingebaut; damit schrumpft die Liste der möglichen Kennungen gewaltig – was es Proxys erheblich erleichtert, gespeicherte Versionen einer Webseite auszuliefern. Das erklärt Billy Hoffman gut in: ›The Big Performance Improvement in IE9 No One is Talking About‹. Er rät auch dazu, die gzip-komprimierte Version nur noch anhand des Accept-Headers zu versenden und den User-Agent zu ignorieren, damit beispielsweise ein Safari-Nutzer die Version bekommt, die der Firefox-Nutzer zuvor in den Proxy gehievt hat.

Man kann dezimale Zeichenreferenzen mit beliebig vielen führenden Nullen versehen. So läßt sich das A als A schreiben oder als A
›hakre‹ hat mal ausprobiert, wie weit man damit gehen kann: ›HTML Entity Boundaries – Zero Padding‹.
Ein Experiment, dessen praktischer Nutzen sicher weit unter seinem Unterhaltungswert liegt. Doch zeigt es, wie weit die Entwickler vorausdenken und wo sie die Grenze ziehen zwischen ›das versuche ich noch‹ und ›das wird zu langsam‹. Wenig überraschend frißt Firefox die meisten Nullen – bis zum Erstickungstod.

Anne van Kesteren hat auch ein Experiment mit gewaltigem Geekpotential hingestellt: Live style sheet editing!
Und da muß ich einfach mal den Quelltext zitieren:



 
  Live style sheet editing!

Zum Schluß noch ein Link für die Freunde der Maus: Harmony, ein Zeichenprogramm in Javascript und Canvas. Das macht wirklich Freude.

Twitter: Einen Tweet formatieren

Thomas Scholz — Wed, 20 Jan 2010 22:59:59 +0000

Twitter bietet Feeds für fast alles an. Prima.
Ohne jegliches Markup. Auch prima.

Denn wenn wir Twitter per Webinterface erleiden, sehen wir schnell: Mit Umlauten in Hashtags kommt Twitter schlecht zurecht, ebenso mit URLs, denen kein Leerzeichen vorangeht. Und so richtig viele Protokollbezeichner kennt der Parser auch nicht.

Wollen wir also einen Twitterfeed per RSS einbinden, müssen wir die Links selbst erzeugen. Auf Twegolicious, wo ich nur meine eigene Timeline einbinde, entferne ich auch noch meinen Nutzernamen.

Der einzelne Tweet sieht im Quelltext so aus:


    toscho: Informieren statt Sperren: http://toscho.de/p1609 #gebloggt
    toscho: Informieren statt Sperren: http://toscho.de/p1609 #gebloggt
    Tue, 19 Jan 2010 21:44:21 +0000
    http://twitter.com/toscho/statuses/7960752682
    http://twitter.com/toscho/statuses/7960752682

title und description unterscheiden sich also nicht. Ich finde, daß man zumindest in einem von beiden den Nutzernamen hätte entfernen können …

Den Feed hole ich mit SimplePie, und den einzelnen Tweet werte ich mit dieser Funktion auf:

function format_tweet($content, $user = NULL)
{
    $uri_schemes = array (
        'mailto', 'news', 'nntp', 'callto', 'ed2k', 'irc', 'ssh', 'svn',
        's?ftps?', 'https?' );
    $regex['url'] = '(' . implode('|', $uri_schemes)
            . ')://([-\w\.]+)+(:\d+)?(/([\w/_\.]*(\?\S+)?)?)?';
    $regex['username'] = "@([a-zA-Z_\d]+)";
    $regex['hashtag']  = "([^\pL]){0,1}(#([-_\pL\d]+))";

    if ( ! is_null($user) )
    {
        // Usernamen + ': ' aus Text entfernen
        $content = substr( $content, ( strlen($user ) + 2 ) );
    }
    // Hyperlinks umwandeln
    $content = preg_replace(
        '~' . $regex['url'] . '~u', '${0} ', $content);
    // Usernamen verlinken
    $content = preg_replace(
        '~' . $regex['username'] . '~u',
        '${0}',
        $content);
    // Hashtags verlinken
    $content = preg_replace(
        '~' . $regex['hashtag'] . '~u',
        ' ${1}${2}',
        $content);

    return $content;
}

Das hätte ich wesentlich kompakter schreiben können, aber die Übersicht geht vor.

Aus dem oben gezeigten Quelltext wird per …

echo format_tweet($item, 'toscho');

… dieses Markup:

Informieren statt Sperren:
http://toscho.de/p1609">http://toscho.de/p1609
tag"
    href="http://twitter.com/search?q=%23gebloggt"
>#gebloggt

In einem Projekt, das ich hier nicht nennen kann, habe ich Feeds zu bestimmten Suchworten eingebunden. Um Spam herauszufiltern, habe ich die Hashtags und die URLs eines Tweets gezählt, und den Tweet beim Überschreiten bestimmter Grenzen verworfen. Das funktioniert zwar nicht sehr zuverlässig, aber wer darauf verzichtet, holt sich schnell viel Schund auf die eigene Seite.

Designlinks 11

Thomas Scholz — Sat, 16 Jan 2010 18:13:39 +0000

Molily: In Defense of New Amateurs.
Laßt euch vom Titel nicht erschrecken: Der Text wurde auf Deutsch geschrieben.
Mathias beklagt hier, daß die Webexperten sich nicht (genug) um die Anfänger kümmerten, zu wenig verständliches Wissen vorhanden sei und kein Dialog zustande komme.

Ich finde es gut und wichtig, diesen Dialog zwischen Profis und Amateuren mal zum Thema zu machen. Aber ganz so schlecht ist die Situation ja nicht: Michael Jendryschik hat mit seiner Einführung in XHTML, CSS und Webdesign einen übersichtlichen Einstieg hingelegt, den man kostenlos im Netz lesen oder als Buch kaufen kann. Im XHTML-Forum diskutieren täglich Anfänger und Experten auf Augenhöhe miteinander – zuweilen mit eiserner Geduld.

Und dann gibt es tausende Blogs, kleine Foren und ähnliche Angebote. Die Information für Einsteiger gibt es noch – nur weiter gestreut als vor zehn Jahren.
Billy Hoffman: Browser Performance Problem with CSS “print” Media Type.
Webbrowser sind gierig: Sie laden Print-Stylesheets immer, ob gedruckt wird oder nicht. Hoffman schlägt unter anderem vor, den Link zu diesem Stylesheet erst nach onload ins Dokument zu schreiben, um das Rendering am Bildschirm zu beschleunigen.

Wer dann aber versucht, eine validierende Noscript-Variante einzubauen, dürfte ordentlich ins Schwitzen kommen.

Sehr unschön finde ich übrigens die vielen Spamlinks im Seitenkopf. In Opera mal unter »Ansicht/Seitendarstellung« den Benutzermodus auswählen … und das Essen im Magen halten. Bah!
Haavard K. Moen: Chrome OS, eh? How about designing your own OS using Opera and Widgets?.
Haavard stellt Tabbee vor, die Alternative zu Chrome OS. Die ganze Oberfläche besteht aus Opera-Widgets!
Bei den Auswahllisten sieht man gut, warum man so keine Navigation bauen sollte: Der Finger ist doppelt so dick wie ein Listeneintrag.
Otaku Nightmare Room.
Ganz ehrlich: Bei mir sieht es nicht immer ordentlich aus. Die ganze Wohnung ist zugebüchert; selbst unter der Decke habe ich Regale langgezogen. Aber seitdem ich das gesehen habe, fühlt sich meine Wohnung geradezu steril an.

WordPress: Shortlinks reloaded

Thomas Scholz — Mon, 11 Jan 2010 21:25:07 +0000

Im April 2009 habe ich gezeigt, wie man in WordPress mit Bordmitteln kurze URLs für Seiten und Artikel erzeugt: Blog-Adresse plus »?p=« plus Post-Id. Das funktioniert einfach und schnell. Nicht.

Formatkrieg

Meine Grundidee war: Ich habe nur einen Ort für die Logik des Verfahrens – die functions.php. Das stellte sich als zu naiv heraus, als die ersten kaputten Crawler aufschlugen, die das Fragezeichen mit einem urlencode() vorbehandelten. Requests auf /%3F=762 sind eben etwas anderes als auf /?=762.

Jetzt mußte ich doch einen zweiten Ort anfassen: die .htaccess.

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/\%3fp\=(\d+)$
RewriteRule ^.* /?p=%1 [L,R=301]

Dann versagte auch die URL-Erkennung bei Twitter: Verlinkt wurde nur der Teil bis zum Fragezeichen, alles dahinter fiel weg.
Also habe ich die Kurz-URLs auf das Format /p762 umgestellt und die .htaccess angepaßt:

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/\%3fp\=(\d+)$ [OR]
RewriteCond %{REQUEST_URI} ^/p\=?(\d+)$
RewriteRule ^.* /?p=%1 [L,R=301]

Auftritt Rivva-Bot: Der hat das neue Format um einen Slash / ergänzt, die Fehlerseite bestaunt – und dann blieb er weg. Kein Problem:

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/\%3fp\=(\d+)$ [OR]
RewriteCond %{REQUEST_URI} ^/p\=?(\d+)/?$
RewriteRule ^.* /?p=%1 [L,R=301]

Markup

In einem sehr fruchtbaren Ideen-Pingpong (vulgo: Dialog) mit Bernhard Häussner haben wir die perfekte Notation für die Bekanntgabe des Shortlinks gefunden: Ein separater HTTP-Header samt meta-Element:

X-Short-URI" content="http://toscho.de/?p=762">

Interessiert kein Schwein. Am 14. August schuf WordPress.com Tatsachen und verstetigte die sehr schlechte Lösung rel="shortlink" (Referenz). Schade.

Jetzt könnte die URL also so angegeben werden:

Opera: Shortlink im Infopanel

Könnte. Opera, auf den ich unter keinen Umständen verzichte, ignoriert leider genau diesen Link im Info-Panel. Also füge ich als Beziehung noch ein alternate hinzu, damit die Erkennung wieder klappt.
Wer es ausprobieren möchte: F4 drücken, »Leiste anpassen/Erscheinungsbild/Paneele/« und ein Häkchen bei »Info« setzen.

PHP-Code

Ich habe den Code zur Ausgabe in WordPress in eine kleine Klasse mit statischen Methoden gegossen – des armen Mannes Namensraum. Verzeiht mir.

/**
 * Class Short_URI: Short-URIs erzeugen und ausgeben.
 * @author Thomas Scholz 
 * @see http://microformats.org/wiki/rel-shortlink
 * @license GPL 3 <http://www.gnu.org/licenses/gpl.html>
 * @version 1.3
 *
 */
class Short_URI {

    /**
     * Kurz-URI
     * @var string
     */
    protected static $short_uri      = NULL;

    /**
     * Sendet einen Link-HTTP-Header
     * @param bool $headonly Nur bei HEAD-Requests senden?
     * @return void
     */
    public static function send_header($headonly = TRUE)
    {
        if ($headonly and ('HEAD' != $_SERVER['REQUEST_METHOD']) )
        {
            return;
        }
        if ( ! self::prepare() )
        {
            return;
        }
        header('Link: <' . self::$short_uri . '>; rel="shortlink"');
        return;
    }

    public static function link_elem($echo = TRUE)
    {
        if ( ! self::prepare() )
        {
            return;
        }
        $link = ''
                . ' href="' . self::$short_uri . '" />';

        if ( ! $echo)
        {
            return $link;
        }

        echo $link;
        return;

    }

    /**
     * Erzeugt einen Link zum Twittern der aktuellen Seite.
     * @param string|array $args
     * @return string
     */
    static function tweet_link($args = NULL)
    {
        $message_template = 'Lese gerade: %TITLE %URL von @toscho';
        $link_text        = 'Artikel twittern';
        $title_length     = 80;
        $class            = 'twitterlink';
        // Zum Ändern echo=0 übergeben.
        $echo             = TRUE;

        if ( ! is_null($args) )
        {
            if ( is_array($args) )
            {
                extract($args);
            }
            elseif ( is_string($args) )
            {
                parse_str($args);
            }
            else
            {
                trigger_error(
                    '$args muss ein Array oder ein String sein.',
                    E_USER_ERROR
                );
            }
        }
        global $post;

        $title       = trim($post->post_title);

        if ( isset ( $title[$title_length+2] ) )
        {// Verkürzen bei Bedarf
            $title = self::end_on_word(substr($title, 0, $title_length)) . ' …';
        }

        $message = str_replace(
            array('%TITLE', '%URL'),
            array($title, self::$short_uri ),
            $message_template
        );

        $link = '" href="http://twitter.com/home?status=' . urlencode($message)
            . '" title="' . $message . '">'
            . $link_text . '';

        if ($echo)
        {
            echo $link;
            return;
        }

        return $link;
    }

    /**
     * Prüft, ob eine Short-URI erstellt werden soll
     * @return bool
     */
    public static function prepare()
    {
        if ( is_front_page() )
        {
            return FALSE;
        }
        if ( is_page() or is_single() or is_attachment() )
        {
            global $post;

            if ( is_null( self::$short_uri ) )
            {
                self::$short_uri =
                    rtrim(get_option('home'), '/') . '/p' . $post->ID;
            }
            return TRUE;
        }
        // Archive
        return FALSE;
    }

    /**
     * Entfernt unvollständige Worte am Ende eines Strings.
     * @see http://toscho.de/2009/php-funktion-end_on_word/
     * @param $str Zeichenkette
     * @return string
     */
    static function end_on_word($str)
    {
        $str = trim($str);

        // Nur ein Wort, wird also nicht gekürzt.
        if ( FALSE === strpos($str, ' ') )
        {
            return $str;
        }

        // Jedes Wort ein Eintrag im Array …
        $arr   = explode(' ', $str);
        // … letztes Stück wegwerfen …
        array_pop($arr);
        // … den String wieder herstellen und Kommas trimmen.
        return rtrim( implode(' ', $arr), ',;');
    }
}


Wer bis hierhin durchgehalten hat, darf sich das auch als …
WordPress-Plugin Short-URI herunterladen.
Den Tweetlink baut ihr innerhalb des Loops mit diesem Code ein:
do_action('tweet_link');
Oder so:
do_action('tweet_link', 'parameter=wert');
Die darin enthaltene Klasse könnt ihr natürlich auch einfach in die functions.php einbinden, um den Code direkt zu verwenden.
Ich habe ihn unter die GPL 3 gestellt (hallo Helmut!), damit ihr damit machen könnt, was immer ihr wollt. Er ist mir länger geraten, als ich erhofft hatte; das heißt: Er hat sicher auch mehr Fehler. Findet sie!



Designlinks 10
Thomas Scholz — Tue, 08 Dec 2009 05:05:50 +0000

Henny Swan: Make video accessible, localised, mobile and searchable by captioning.
Henny stellt mehrere Programme vor und gibt gute Hinweise. Auch die Kommentare sind einen Blick wert.
seat-1 Software GmbH: Impressum
Bis zum Ende lesen!
Adel Saoud and Paolo Petrolini (Google): Hard facts about comment spam.
Ich habe schon lange nicht mehr solchen Unsinn gelesen. Zur Vermeidung von Kommentarspam empfehlen die Autoren dies:

Disallow anonymous posting.
Use CAPTCHAs and other methods to prevent automated comment spamming.
Turn on comment moderation.
Use the "nofollow" attribute for links in the comment field.
Disallow hyperlinks in comments.
Block comment pages using robots.txt or meta tags.


Aus meiner eigenen Erfahrung kann ich dazu dies beisteuern: 

Ich erlaube schon lange anonyme Kommentare, aber die Spammer füllen immer alle Felder aus. Wirkungslos.
Captchas stellen auch für richtige Besucher immer eine Hürde dar. Der Schaden wiegt den Nutzen nicht auf.
Kommentare moderiere ich im Nachhinein. Für den Schreiber ist es sehr frustrierend, etwas beizutragen und es dann nicht zu sehen. Wenn doch mal ein Spamkommentar durchrutscht, dann hat derjenige ein paar Stunden lang einen Backlink. Na und?
Nofollow interessiert keinen Spammer. Für eine weitere Diskussion verweise ich auf meinen Nofollow-Artikel.
Ein Linkverbot für Kommentare würde dieses jedes Blog sehr entwerten.
Selbst wenn man Kommentarseiten von den Artikeln separiert – was mich als Leser eher nervt – so habe ich doch noch keinen Spammer gesehen, der erst die robots.txt prüft.

All diese Hinweise nützen nur einem: Google. Wer sie befolgt, hilft Google dabei, den Index sauber zu halten. Aber er beschädigt die Qualität der eigenen Website.

Mein Rat an Google: Macht eure Arbeit selbst. Wir benutzen serverseitige Spamfilter.
Zoltan Hawryluk: How to Detect Font-Smoothing Using JavaScript.
Clevere Lösung mit Canvas. Ob das aufs Tempo geht? Mal sehen.
Jared Smith: JAWS ate my tables.
Ob eine Tabelle für Daten oder fürs Layout gedacht wurde, entscheidet JAWS nach dieser Regel: Wenn sie mindestens zwei Spalten und zwei Reihen hat und mindestens vier Zellen zwischen 200 und 16000 Pixel groß sind –  dann muß es eine Datentabelle sein, sonst nicht. Im Artikel illustrieren zwei Beispiele, warum das eine dämliche Heuristik ist.

Тагир Юсупов: Поворот изображении с помощью SVG и VML.

(Tagir Yusupov: Bilder drehen mit SVG und VML)
Eigentlich ganz einfach. Man muß nur drauf kommen. Via Andreas Fritsch, @pawelf.




Designlinks 9
Thomas Scholz — Sun, 08 Nov 2009 08:31:53 +0000
Nach einer langen Pause gibt’s heute die doppelte Portion.

Mathias Schäfer: Was ist HTML 5? – Weit mehr als eine Auszeichnungssprache.
Wie das DOM in HTML5 serialisiert und per API angesprochen wird. Ein verständlicher Überblick zum Moloch der aktuellen HTML5-Spezifikation. Der Folgeartikel listet die wichtigsten Referenzen auf.
Volkan Özçelik: How to Build a Popularity Algorithm You can be Proud of.
Linkibol ist ein türkisches Digg: Per Abstimmung können die Nutzer beeinflussen, welcher Link es bis weit oben auf der Startseite schafft.

Aber wie verhindert man, daß ältere Links mit vielen Stimmen jüngere blockieren? Wie gewichtet man einzelne Stimmen? Wie verhindert man Spam?

Özçelik beantwortet diese Fragen, stellt unterschiedliche Lösungen vor, die Algorithmen anderer Linkdienste und zuletzt den eigenen.
Tim Spalding (LibraryThing): The Amazon policy change, and how we're responding.
Amazon verlangt neuerdings, daß man auf der Hauptseite eines Produktes ausschließlich auf Amazon linkt, wenn man die API benutzt (Lizenz, Punkt 4 d).

Das ist natürlich ein Problem:
LibraryThing is not a social cataloging and social networking site for Amazon customers but for book lovers. Most of us are Amazon customers on Tuesday, and buy from a local bookstore or get from a library on Wednesday and Thursday! We recognize Amazon's value, but we certainly value options.
Da LibrabryThing jedoch nicht auf die Buchumschläge Amazons verzichten möchte, hat Tim sich eine neue Lösung ausgedacht: Er will eine zusätzliche Seite »Get it now« zu jedem Buch anbieten, auf der dann nicht nur Links zu Amazons Konkurrenten stehen, sondern auch ein aktueller Preisvergleich und ein Abschnitt zu E- und Audio-Büchern.
Ich finde an diesem Ereignis zweierlei bemerkenswert: Amazon verdankt seine Dominante Position im Netz vor allem seiner Offenheit. Die API hat viele Entwickler überhaupt erst in die Lage versetzt, daraus Dienste zu entwickeln. Jetzt erliegt das Unternehmen dem Reiz der Marktdominanz und zieht die Gurte ein bißchen enger. Das wird nicht der letzte Schritt gewesen sein.
LibrabryThing wird nun zur Kreativität gezwungen. Ob die jetzt gefundene Antwort auch die Nutzer befriedigt, wird sich zeigen – ich halte es für möglich.
Jedes Geschäftsmodell, das an die Nutzung offener APIs gebunden ist, sollte darauf vorbereitet sein und entsprechende Pläne bereithalten.
Google hat seine Startseite patentieren lassen.
Auch solche Patente stellen ein Geschäftsrisiko dar. Dieses spezielle lasse ich als einzige Entschuldigung für die albernen Hintergrundbilder auf bing.com gelten.
Björn Höhrmann: Character encoding detection for external scripts.
Umfangreiche Testergebnisse dazu, welche Zeichenkodierung welcher Browser unter welchen Umständen erkennt.
JSvi: ein vi-Klon in Javascript.
Vi oder dessen Nachbildung Vim kennt jeder, der schon einmal Linux benutzt hat … hoffe ich.

Warum man das in Javascript braucht, habe ich erst verstanden als jemand die passende Frage gestellt hat. Und wer schreibt jetzt das Userscript dazu?
Zum Schluß noch was zum Gucken: Facebook Manners And You.







Blogday 2009
Thomas Scholz — Mon, 31 Aug 2009 09:09:46 +0000
Heute ist Blogtag. Also wärmen wir uns mit einem Blog auf, dessen Thema noch einigermaßen vertraut wirkt:
Yanko Design

Häuser, Möbel, Fahrzeuge, Gärten oder Telefone – wer je bezweifelt, daß er noch einmal wirklich neue Ideen zu Gesicht bekommt, der lese ein paar Tage Yanko Design. Hier lasse ich mich gerne inspirieren.

Schön schräg: der Insektendrucker.
Emails from crazy people

Hier werden Briefe und E-Mails veröffentlich, die Menschen in Wut, Neid oder ähnlich inspirierenden Gemütszuständen verfaßt haben.

Bösartig: A Present For You.
Ding und Dinglichkeit

Hier schreibt Andrea Diener seit Mitte Juli über die kleinen und großen Alltagsgegenstände, Gardinen, Kittelschürze und Wahlplakate.

Scharf: Kahlschlag am Körper: Der Rasierer.
500 Beine

Andreas Glumm schreibt über … ja was genau? Über alles, was er sieht und fühlt und denkt. Oder zumindest über das, was er erzählen mag in seiner kräftigen, bilderreichen Sprache.

Nicht peinlich: Du klaust? Warum klaust du?.

Und jetzt sollte ich noch ein fünftes Blog empfehlen – aber ich kann mich nicht entscheiden. Also frage ich euch: Welches könnte das denn sein?

Törtchen für Tante Technorati: blogday2009

Nachtrag 05.01.2010: Daran ist Technorati wohl erstickt. Den toten Link habe ich gelöscht.



Designlinks 8
Thomas Scholz — Mon, 24 Aug 2009 10:09:14 +0000

Vorratsdatenspeicherung, erzwungene DNS-Tests, Bundestrojaner und geschwätzige iPhones – niemand darf sich heute noch sicher fühlen.

Eine schöne gestalterische Antwort darauf hat das Team antrepo4.com gefunden: die Spoticam.


Kameras können Designer nicht nur inspirieren, sondern ihnen auch helfen, eine Schrift zu gestalten, hier den iQ-Font:

Einen ganz anderen Weg zur Schrift hat Philip Jägenstedt eingeschlagen: Auf der Suche nach einem besseren Format für chinesische Schriften hat er bei Opera dessen internes SVG-Toolkit erweitert und ein Konzept entwickelt, das er Stylized Stroke Fonts (SSF) nennt.
Vom gleichen Autor empfehle ich den Text »Microformats vs RDFa vs Microdata«. Hier werden die drei unterschiedlichen Modelle mal anhand eines Praxisbeispiels verglichen.
Letzten Endes ist er bei den Microdaten aus HTML 5 hängengeblieben – ein Konzept, vor dem ich ob seiner »vorläufigen« Anmutung bisher eher zurückschrecke. Jetzt reizt es mich aber doch.
SVG aber leidet immer noch unter der dünnen Unterstützung durch den Internet Explorer: Ohne Plugin sehen dessen Nutzer nichts. Das möchten die Betreiber des Projektes SVG Web mittels Javascript und Flash lösen. Sicher ein interessanter Ansatz; nur die dafür nötigen 150 KiB finde ich ein bißchen viel.
Simon Willison hat über den richtigen MIME-Typen für JSON-Dateien nachgedacht: Pragmatism, purity and JSON content types.

Kurzfassung: Das in RFC 4672 definierte application/json gebrauche man nur in Ausnahmefällen. Spannende Kommentare.
Wem Kompatibilität ebenso wichtig ist wie Simon Willison, der sollte sich mal gründlich die Internet Explorer Cookie Internals von Eric Lawrence durchlesen.
Eine bessere Ressource dafür wird man so schnell nicht finden, denn:
Internet Explorer (including IE8) does not attempt to support any RFC for cookies.
Auf dieser Seite poppt bei mir irgendwann eine Paßwortanfrage auf. Kann das jemand nachvollziehen?
Kompatibilitätsprobleme hat nicht nur der Internet Explorer; sie treten in jedem größeren Projekt auf. Dazu habe ich eine sehr treffende Illustration gefunden.
Andere Leute nutzen ihr Talent weniger … produktiv. David Kushner erzählt in »The Boy Who Heard Too Much« eindringlich die Geschichte eines blinden Jungen, der sein Gehör für ungewöhnliche Telefonhacks genutzt hat.
Ebenso kurzsichtig, wenngleich mit weniger drastischen Konsequenzen, zeigte sich die Stiftung Warentest, als sie 1984 über »Homecomputer« schrieb:

Obwohl es ein Hauptziel unseres Tests war, herauszufinden, welche heimischen Anwendungsgebiete es für einen Computer geben könnte, sind wir in monatelangen Prüfungen nicht fündig geworden.
Ich mag die unfreiwillige Komik, die rückblickend immer dann entsteht, wenn jemand versucht, die aktuelle Technik in die Zukunft zu extrapolieren. Auch unsere eigenen Texte werden irgendwann so wirken. Ein Gedanke, der mir hilft, mich nicht übermäßig ernst zu nehmen …




Blogdesign für Profis
Thomas Scholz — Sat, 08 Aug 2009 19:09:27 +0000
Deinem Blog fehlt der Pfeffer? Du willst ihm einen professionellen Anstrich geben, weißt aber nicht wie? Hier sind sie: die geheimen Tricks der Profis.

Mach die Schrift ganz, ganz klein. Dann hast du mehr Platz für Werbung.

Wer doch etwas lesen will, kann ja einfach ein bißchen näher heranrücken oder mit der Vergrößerungsfunktion seines Browsers herumfummeln. Macht jeder gerne.
Packe alles in den Titel, das irgendwie wichtig sein könnte: Kategorien, wichtige Suchworte und ein bißchen Werbung.

Wer ein Lesezeichen setzen will, kann ja selbst nacharbeiten, wenn ihm das nicht paßt. Oder darauf verzichten.
Du brauchst kein Druckstylesheet. Und wenn doch, dann zumindest keinen Umbruch vor den Kommentaren. Laß unbedingt die Werbung drin; die ist so schön bunt und lockert den schwarzen Hintergrund auf.
Verlinke einfach alles. Überall. Auf jeder Seite jede Kategorie, jedes Schlagwort, die 100 »beliebtesten« Artikel, die 100 am häufigsten kommentierten, 50 Werbepartner, deine Lieblingslinks und deine letzten 20 Tweets. Und die Seite, die der Leser gerade sieht. Dann findet er sie schneller wieder. Insgesamt wirkt deine deine Seite dann bestimmt sehr (wert)voll.
Links sind zwar eine tolle Sache, sehen aber doof aus. Kein Problem: Per CSS kannst du Links prima in den Rest des Textes eingliedern. Bau einfach die Unterstriche aus, und gib besuchten Links die gleiche Farbe wie unbesuchten: die des Textes. Und schon sieht die Linkwüste ein bißchen freundlicher aus.
Links auf fremde Seiten lassen sich übrigens sehr einfach mit dem Attribut target="_blank" vergolden. Wir wollen doch klarstellen, wer hier das Sagen hat, oder?
Warum nur einen Statistikdienst? Der könnte irgendwann verboten werden, da ist es sicherer, gleich zehn zu benutzen – die können ja nicht alle rechtswidrig sein. Und wer dein Blog besucht, verzichtet doch automatisch auf seine Privatsphäre, denn es ist ja öffentlich. Ladezeit? Ach was. Heute hat doch jeder DSL.
Du bist ein Genie, deine Artikel zeitlos gültig. Wozu also die Leser mit der Information verwirren, wann du einen Artikel geschrieben hast?

Wenn du doch ein Datum verrätst, dann verstecke es gut. Direkt neben oder unter der Überschrift ist ein sehr schlechter Platz, da lenkt man nur von der Werbung ab.
Teile deine Artikel in mehrere Seiten. Leser blättern gerne, denn das schafft so eine … literarische Atmosphäre. Außerdem verdienst du dann mehr Geld mit deiner Werbung.

Nächste Woche in dieser Sendung: Wie man seine Kommentatoren züchtigt.