Manuel-Bieh.de – Web-Development & Consulting

Irgendwas stimmt hier nicht …
In vielen Weblogs konnte man es lesen, das Webstandards-Project hat einen Test erschaffen (Acid2) welcher aufzeigen soll wie es mit der Standardkonformität der aktuellen Browser steht. Ok, soweit sogut. Nur, irgendwas ist hier nicht ganz richtig. Entweder hält sich das Webstandards-Project nicht an die Webstandards, oder das W3C kennt seine eigenen Standards noch nicht.

Aus Wikipedia:

Soweit sogut, Amaya also DER Webbrowser des W3C der sich an die Standards hält. Wenn dies so ist, wieso surfe ich dann noch mit Firefox? Ok, probieren wir es aus, umsteigen kann man später immernoch. Wir laden uns also auf der Seite des W3C den W3C-Webstandard-Browser Amaya runter, installieren, und starten ihn. Begrüßt werden wir neben einer Hollywoodreifen SVG-Animation (Woho!! Ich will mehr davon im Web, animierte gifs sind out!), auch von einer Renderengine die meine Fonts glättet. Igitt! Aber nun denn.

Nun bewegen wir den standardkonformen W3C Webstandardbrowser auf die webstandard-konforme Acid2-Webstandard-Browsertestseite des Webstandard-Projects. Zu sehen sein sollte jetzt eigentlich das Bild eines Smileys der scheinbar zuviele nicht-webstandard-konforme Internetseiten angeschaut hat. Nämlich dieses hier: http://webstandards.org/act/acid2/reference.html
Doch was erscheint anstelle des LSD Smilies? Einen … roten Kasten??? Verschwörung? Korruption?

Mögliches Fazit dieses Tests:
Entweder das W3C beherrscht seine eigenen Standards nicht, das Webstandard-Project behauptet zu unrecht das Webstandard-Project zu sein, oder Wikipedia lügt und Amaya ist in Wirklichkeit garkein nach-den-Standards-arbeitender Browser. Entscheidet für euch selbst!

(via: BS-Markup)

• Links zum Thema:
• http://kronn.de/weblog/2005/04/13/suesses-oder-saures
• http://www.rollsroick.de/wordpress/wp-trackback.php/35
• http://annevankesteren.nl/archives/2005/04/official-acid2

Wer schon immer mal wissen wollte wie schnell sein Browser JavaScripts rendert, und wie schnell andererleuts Browser mit ähnlicher Systemkonfiguration sind, sollte mal beim JavaScript Browserbenchmark von 24fun vorbeischauen.

Nach Eingabe von CPU Speed und Betriebssystem wird der Browser 7 Tests unterzogen, wovon jeweils die Zeiten der einzelnen gemessen und addiert werden. Meine Vermutung, dass mein Firefox in den letzten Tagen langsamer läuft haben sich hier im Test scheinbar bestätigt: 29 Sekunden brauchte mein Rechner um alle 7 Testdateien zu rendern, wobei der Durchschnitt bei gleich ausgestatteten Systemen bei 27 Sekunden liegt. Allerdings kamen bei den ersten Durchläufen werte um 40 Sekunden raus.

Einfach mal austesten, und während der Tests das Fenster einfach mal minimieren, brachte bei mir einen Zeitunterschied von gut 10 Sekunden!
http://www.24fun.com/downloadcenter/benchjs/benchjs.html

Viele Seiten, vor allem die mit viel Inhalt, setzen mittlerweile auf „Skiplinks“ (Sprungmarken) für Textbrowser und Screenreader. Also Links, welche für den Otto-Normal User nicht sichtbar sind, einem Textbrowser- oder Screenreader-User jedoch die Navigation durch die Seite erleichtern (können). Ein Skiplink kann beispielsweise dafür sorgen, dass der User direkt zum eigentlichen Inhalt der Seite klicken kann, ohne sich zum x-ten Mal die Navigation vorlesen lassen zu müssen.

Den Möglichkeiten sind bei der Erstellung dieser Sprungmarken keine Grenzen gesetzt. Es gibt die Möglichkeit den Link mit einem absurd hohen negativen Text-Einzug oder Margin zu versehen, display:none oder eine negative Positionierung zu verwenden. Er sollte jedoch immer am Anfang eines Dokumentes erscheinen, da es wenig Sinn machen würde, würde er sich mitten im Dokument verstecken.

Diese Skiplinks müssen aber für Benutzer einiger grafischer Browser nicht im Verborgenen bleiben. Die Stars der Stunde sind in diesem Fall das <abbr title=“Hypertext Markup Language“>HTML</abbr>-Attribut tabindex, sowie das <abbr title=“Cascading Stylesheets“>CSS</abbr> Pseudo-Element :focus. Da der Internet Explorer :focus wie so vieles nicht unterstützt, bleibt dieser leider wieder einmal außen vor.

Ein Beispiel wie diese Methode aussehen kann, findet man hier auf der Seite, indem man mehrmals die Tab-Taste drückt, und auf die linke obere Ecke des Browserfensters schaut.

Der Code in meinem Beispiel sieht im HTML wie folgt aus:

und im CSS:

.skiplink a {
    background: white;
    font-size: 1.3em;
    left: 0; 
    position: absolute; 
    top: -100px; 
    padding: 0 5px; 
    z-index: 100;
}
.skiplink a:focus {
    top: 0px;
}

Zur Erklärung:
Durch das Attribut tabindex legen wir fest, in welcher Reihenfolge ein Browser die auf der Seite vorkommenden Links anspringen soll. Durch tabindex="1" und tabindex="2" sagen wir dem Browser also, das er erst den Link „Zur Navigation springen“, anschließend „Zum Content springen“ anwählen soll. Diese Links sind jedoch dank CSS so formatiert, dass sie an einer Position 100px über dem sichtbaren Bereich (Viewport) angezeigt werden. Nutzen wir nun die Tab-Taste zum Navigieren, so springt der Fokus auf den ersten tabindex-Link „Zur Navigation springen“. Der Link ist also fokussiert, und das Pseudo-Element :focus greift. Durch .skiplink a:focus {top: 0;} holen wir den entsprechenden Link wieder auf den Boden der Tatsachen, bzw vielmehr in den Viewport zurück, und sehen jetzt an der von uns festgelegten Position, den ansonsten unsichtbaren Skiplink.

Durch diese Technik lassen sich natürlich nicht nur Skiplinks zu Bereichen der Seite, sondern auch komplette Seiten-Navigationen zugänglich machen. Inwiefern das jedoch Sinn macht, ist die andere Frage. Dieses Beispiel funktionierte in meinen Tests übrigens in Mozilla-Browsern, und Teilweise in der Opera8 Beta, welche jedoch Probleme hatte den Link nach dem Fokussieren wieder aus dem Viewport zu schieben.

Links zum Thema:

• http://www.css4you.de/focus.html
• http://de.selfhtml.org/html/formulare/tastatur.htm#tabreihenfolge
• http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes

Und zwar seit gestern. Download findet sich wie gehabt unter
www.destructed.info

Stolze 15MB Dateigröße hat diese Ausgabe.

Björn schrieb einen Artikel über „unechtes“ XHTML & „Tagsoups“, da heutige (X)HTML-Seiten der Kompatiblität-halber meist als text/html ausgeliefert werden. Ein kleines php-Workaround gibt es jedoch im XHTMLFORUM, zumindest um wenigstens application/xhtml+xml-fähigen Browsern den richtigen Content-Type auszuliefern:

<?php
function ua_accepts_xhtml() {
    /* Prüft, ob an den UA XHTML ausgeliefert werden darf.
     * Gibt TRUE zurück, wenn ja, FALSE, wenn nicht. */
 
    /* In dubio pro HTML. */
    $xhtml = FALSE;
    $check_pattern = '|application/xhtml+xml(?!s*;s*q=0)|';
 
    /* Behauptet der UA, XHTML zu können? */
    if (($_SERVER['SERVER_PROTOCOL'] == 'HTTP/1.&#049;') and
        isset($_SERVER['HTTP_ACCEPT']) and
        preg_match($check_pattern, $_SERVER['HTTP_ACCEPT'])) {
            $xhtml = TRUE;
    }
    /* Ältere Geckos haben ein paar Crashbugs mit XHTML. */
    if(isset($_SERVER['HTTP_USER_AGENT'])) {
        if(preg_match("|rv:0.9|", $_SERVER['HTTP_USER_AGENT'])) {
            $xhtml = FALSE;
        }
    }
    return $xhtml;
}
 
/* Anwendung. */
$content_type   = ua_accepts_xhtml() ? 'application/xhtml+xml' : 'text/html';
header('Content-Type: ' . $content_type . ';charset=utf-&#056;');
header('Vary: Accept');
?>

Der entsprechende Thread dazu, inklusive besserer Übersicht findet sich unter:
http://www.xhtmlforum.de/viewtopic.php?t=2151#11472

Sex Lust Privat Blog [Platz 2]

Ich schneide Haare privat Berlin [Platz 8]

Manuel Hoffmann nackt [Platz 3]

Manuel zu hause masturbieren lassen [Platz 1 + 2]

Sex heimliche Fotos ins Netz getan [Platz 10]

Update:
Gerade frisch, auch sehr schön:
Webdesign Top10 [Platz 2]

Auch schön:
Joghurt mit der Ecke [Platz 1]

code hilfe zu einem Asylanten heiraten [Platz 5]

Oh man, wer sucht sone scheiße?? Und wie kommt man dann auch noch darauf mich anzuklicken?? Ihhh!! Da war noch mehr. Hab leider nich alles gespeichert. Dabei fällt mir ein, sollten nich im April die googlympics von Nick und Moryson starten?

Der Download beträgt 6,4 MB und ist zu finden unter www.skype.com

Kennt Ihr dieses Gefühl? Man war abends unterwegs, es wurd später und später, und morgens hat man den totalen durchhänger und weiß einfach nicht mehr wo einem der Kopf steht. Ich versuche mich gerade an einem Artikel und weiß meine Gedanken einfach nicht in Worte zu fassen. Es geht einfach nicht. Mir fallen Wörter nicht ein, und jeder Satz den ich hier tippe hört sich einfach scheiße an. Scheiß Gefühl. Naja, muss der Artikel halt bis morgen warten. ;)

Photoshop CS 2 wurde ja bereits vor längerer Zeit angekündigt, und soll Anfang Mai endgültig erscheinen. Auf photoshopuser.com kann man sich bereits jetzt einige der ziemlich coolen und praktischen neuen Funktionen der 2er Version als Quicktime Movie anschauen. Insbesondere die Features Vanishing Point, Warping und Lens Correction sind mir ins Auge gefallen, und ich bin echt gespannt darauf. Aber auch InDesign und Illustrator CS 2.0 haben coole neue Features spendiert bekommen. Die Videos sind auf jeden Fall einen Blick wert.

Offizielle Featureliste bei Adobe
http://www.adobe.com/products/creativesuite/newfeatures.html

Absolut Vodka ist bekannt für seine ausgefallen Werbeanzeigen und ihrer Flaschenform als Key Visual. Nun habe ich auch beim Konkurrenten Smirnoff einige sehr geile Anzeigen gefunden. Auf der russischen Seite olympictrans.ru gibt es 13 der coolen Plakate zum anschauen.

http://www.olympictrans.ru/fun/img/smirnoff