Die Webkrauts sind los! Technikwürze 94

Willkommen zur Technikwürze vom vierzehnten Oktober zweitausendsieben. Mein Name ist Eric Eggert und weshalb David heute nicht da ist, erzähle ich euch gleich.

David ist nämlich mit seinem Arbeitgeber in der Toskana und damit ihr nicht nur mich hören müsst, habe ich mir noch drei weitere Webkrauts eingeladen, nämlich Dirk Gnade aus London, Entwickler bei Yahoo!.

Hallo.

Ja, sag doch mal Hallo. Super, funktioniert ganz professionell. Ich merk's schon. Dazu Stefan Nitsche aus Essen.

Servus.

Funktioniert auch wunderbar. Und Jens Grochdra, unser Webkrauts-Übervater.

Grochtdreis heißt das.

Wie auch immer das heißt. Okay, dafür, dass wir das sonntags aufnehmen, ist das völlig in Ordnung, glaube ich. Jens Grochtdreis. Super, gut. Ich schneid das dann rüber..

Ich dachte, das wird nicht geschnitten.

Wird's auch nicht. Ich sag's nur so.

Okay, wir haben uns ein paar, Themen rausgesucht, über die wir reden wollen. Und zwar, zum Einstieg ein bisschen was CSS3-mäßiges, CSS, Drei ein, bindbare Schriftarten, einbindbare Schriftarten, wie auch immer. Embeddable Fonts. Kennt ihr euch damit aus? Habt ihr das schon mal ausprobiert?

Ich habe damit noch nie irgendwas gemacht. Ich kann mich nur erinnern, dass es vor vielen, vielen hundert Jahren, als ich noch mit Jens zusammen in der Multimedia Academy saß, schon irgendwas Vergleichbares mal im Netscape gab. Ist das was Ähnliches?

Das wird wohl das genau Ähnliche sein und aus, den Gründen, die wir damals, die, dies damals schon nicht, erfolgreich gemacht haben, verweigere ich bislang auch jegliche, intensive Beschäftigung damit, weil, wenn CSS3 irgendwann mal kommen wird in den nächsten zehn bis zwanzig Jahren, dann können wir uns immer noch damit beschäftigen, aber ich glaube, das wird, ein Flop werden.

Es ist momentan so, dass irgendwie nur Safari das eingebaut hat und auch wieder irgendwas ganz Eigenes, richtig?

Natürlich.

Nein, das ist schon CSS3 Standard. Also das ist wi-wirklich dieses mit Add Font Face irgendwie. Das ist also schon der offizielle Standard, nicht wie dieses Gefrickel bei Netscape und, und, und Microsoft da vor Jahren.

Ah, okay.

Auch, auch TrueType-Format. Also das ist eigentlich schon, schon eine ganz nette Sache.

Ja, nur, egal w-welche Einbettungsvariante man nimmt, der, die Schriftart wird nachher heruntergeladen und dann kommen wir auf das gleiche Problem, das wir, ganz am Anfang bei den Browserkriegen auch hatten, als sich Netscape und M-Microsoft was eigenes ausgedacht hatten, nämlich dass dann einfach eine Schriftart heruntergeladen wird und auf deinem Rechner existiert.

Lizenzproblem.

Damit haben wir ein rechtliches Problem, ein Lizenzproblem. Und da ist es mir ziemlich egal, welche Technik da eingebunden wird. Wir haben ein Lizenzproblem und deswegen glaube ich, werden wir das in der Praxis nicht wirklich nutzen können.

Weiß man, wie das, Apple mit Adobe et cetera handelt, dass die das jetzt schon machen dürfen?

Keine Ahnung. Also-

Die werden's wahrscheinlich drauf ankommen lassen.

Ja, zu Recht. Na, es, es ist ja, so, dass die Schriftart im Prinzip nur temporär heruntergeladen wird. Und, theoretisch könnte man dann pro Domain irgendwie einen Schlüssel vergeben und dass nur die Domain dann mit dem Schlüssel darauf zugreifen könnte. Irgendwie so. Also ich glaube, das ist technisch machbar.

Da wird nichts temporär heruntergeladen. Die wird runter, das wird runtergeladen und damit ist es auf deinem Rechner drauf. Glaubst du, du, man, glaubst du, man könnte da so eine Art Zeitbombe reinbauen?

Das wird nur intern vom Browser gehandelt. Das wird, kommt nicht in deine Systemschrift rein, die Schrift.

Nee, natürlich nicht, aber du, aber du kannst aus deinem Cache nehmen und, dann einfach unter deine Systemschrift installieren.

Das kannst du aber immer.

Ja, aber dann bist du wahrscheinlich derjenige, der die Lizenz bricht und nicht mehr derjenige, der das Ding anbietet.

Ja, aber, aber es wird mir jemand, das Ganze er-ermöglichen, dass ich die Lizenz breche. Deswegen glaube ich, würde es da ein ziemliches, juristisches Gehacke geben und ich hätte anstelle von Browserherstellern keine wirklich Lust darauf, mich mit, mich mit den Schriftenherstellern auseinanderzusetzen. Warum eigentlich? Warum dieses Fass aufmachen?

Es gab ja schon einen Riesen-Terz, als es dann anfing, die Leute ihre,, Cipher-Schriften, die ja eigentlich nur Flash-Files sind, irgendwie zu teilen und dann gab es ja auch schon Lizenzprobleme wieder.

Ja, ein spannendes Thema irgendwie, weil man ja dann doch ein bisschen freier wäre mit Schrift und so.

Ja, aber warum ist das, w-wirklich nachher so spannend? Weil, weil alle Leute gerne, ihre, ihre speziellen Schriften haben möchten. Das ist doch, der, der eigentliche, Haken ist doch, dass, dass wir eine zu wenige Auswahl an Schriften haben.

Und, wenn, wenn wir die Schriftenauswahl vergrößern wollen, dabei aber zugänglich bleiben wollen, dass möglichst jeder und auch Suchmaschinen, unsere, unsere Texte lesen können, trotz, irgendwelcher abgedrehten Schriftarten, dann ist halt die Frage, wie man das vernünftig lösen kann. Und die wahrscheinlich, charmanteste Lösung dürfte immer noch Cipher sein. Und, da hängen, steht und fällt es einfach, mit der Verwendung von Flash beziehungsweise JavaScript. Und, jo.

Also ich, ich find das, b-bislang immer noch die, die charmanteste Variante, weil, weil Text, existiert, ganz normal als Text existiert und dann, und dann, wenn JavaScript und Flash existieren, ersetzt wird und wenn es nicht ex-- wenn sie nicht existieren, na ja gut, dann, ist der Text immer noch zugänglich und er existiert immer noch für, für mich, al-allerdings in einer anderen Darstellung, weil in einer anderen Schriftart.

Also deswegen finde ich, dass, das Drama, das da, oder das Problem, das da gelöst werden, soll, eigentlich gar kein so großes Problem, wenn man sich einmal davon löst, dass eine jede Webseite auf jedem, Rechner unter jeden, jedem Umstand gleich aussehen soll. Was wir heute nicht hinkriegen können, wenn ich eine Verdana nutze und die jemand nicht installiert hat oder meinetwegen ein Linux-System nutzt.

Was auch nie so sein wird.

Bitte?

Nee. Ich sag, was auch nie so sein wird wahrscheinlich, dass eine Webseite, ich, ich glaub, da hat auch niemand, der ernsthaft sich damit beschäftigt, einen Anspruch dran.

Ja, das ist ja die Frage, ob jemand sich wie, wie wir sich ernsthaft damit beschäftigt oder, ob's ein Kunde tut. Und der Kunde, gibt dir ja das Geld, damit du dich ernsthaft damit beschäftigst. Und dem Kunden kann ich nicht zwangsweise, unterstellen, dass er weiß, was das so en Detail technisch, im Internet so bedeutet.

Der stellt sich nur hin und sagt: „Ich will die Überschriften in meiner Hausschrift haben.“ Was das für, für, für Nachwirkungen mit sich zieht, das kann ich ihm gar nicht unterstellen, dass er das weiß oder begreift. Also da haben wir einfach zwei verschiedene, Ebenen. Solange du deine private, dein privates Blog, so ausstattest mit, irgendwelchen abgedrehten Schriftarten, da ist das ja deine Sache. Aber dein, dein Kunde, der, der weiß gar nicht, was du da tust. Warum auch? Oder?

Richtig, ist ja nicht seine Aufgabe.

Genau. Aber der sagt: „Ich hätte das gerne in meinen Hausschriftarten.“ Und, ja, dann rennst du in ein Problem. Du möchtest es gern, gerne, aber für jeden, für jeden zugänglich machen. Du möchtest es gerne, auch sauber machen und dann hast du ein Problem. Und ich glaube nicht, dass Font Face das, das, das löst und ich weiß auch nicht, was daran jetzt... Also Font Face selber ist übrigens nicht neu, Eric.

Da muss irgendwas anderes, du musst irgendwas anderes meinen mit CSS3, denn @Font Face gibt’s schon im CSS2-Standard. Hat nur keiner angewandt bislang. Warum auch?

Ja, ich glaub, das war auch ein Missverständnis. Ich glaub, das war einfach nur, weil jetzt gerade Safari eben der Erste ist, der es wirklich tut.

Ja, das mag sein. Ja.

Okay. Auf jeden Fall, also ich find auch die Entwicklung, die grad, irgendwie, sich da, auftut mit den Browsern, dass die weiterentwickelt wird, auch mit Opera, neun fünf jetzt und mit, mit Safari. Wenn nur der Internet Explorer ein bisschen schneller wäre da hinten dran und dann-

Ja, das ist leider, die an dem, an dem alles hängt. Denn solange sich die anderen entwickeln, ist ja schön und gut, aber solange es einen gibt, der blöderweise irgendwie achtzig Prozent Verbreitung hat, ist das alles nicht so doll.

Ja, das stimmt. Also dieses @Font Face, die gibt’s wirklich seit Urzeiten, seit CSS2. Nur, -

Nur hat's noch niemand gemacht.

Die Verbreitung existiert, ist nicht da und das ist auch noch wirklich ein rechtliches Problem. Und wie bei, bei allen Sachen, die es tatsächlich nachher bei CSS3 gäbe, neu gäbe, hängt eigentlich alles daran, dass entweder der Internet Explorer ausstirbt. Das ist allerdings nur ein freundlicher Traum, oder dass, dass Microsoft, mal die Arbeit richtig tut und alles int-implementiert.

Ja, IE Next, ne?

Ja. Also wenn man sich das genauer so anschaut, so, so überlegt, welche Varianten alle oder welche, welche CSS-Eigenschaften alle nicht int-implementiert werden, da, da kann man ja schon le-leicht verzweifeln, oder? Denn die Browserhersteller sind ja an der Entwicklung von CSS alle beteiligt. Das ist ja nicht so, dass es was Neues ist. Die bekommen ja jetzt keine neuen Regeln irgendwie hingelegt und, bekommen gesagt: „Ja, das mach mal“, sondern die, denken sich das selber mit aus.

Und ihr, der IE sechs hatte, wenn ich mich richtig entsinne, noch nicht einmal sechzig Prozent aller CSS2-Regeln implementiert, so knapp über fünfzig. Ist doch der Hammer.

Ja, schon. Also es ist, ist auf jeden Fall könnten die sich ein bisschen besser dran halten, grad also auch was HTML5 jetzt angeht, aber es ist halt so, dass der Internet Explorer, keine Betaversion rausschiebt. Das heißt, er sagt nicht: „Hey da, probiert mal“, sondern die sagen nur: „Hey, jetzt ist der Internet Explorer sechs, jetzt ist der Internet Explorer sieben und das nächste wird der Internet Explorer acht sein.

Oder wenn wir Glück haben, noch sieben fünf.“ Und dadurch, gi-gibt’s da keine Anpassungen daran, dass, dass man sagt: „Oh, die braucht, die, die Webentwickler, die Webgemeinde braucht jetzt dieses Feature oder jenes Feature und wir wollen ihnen das, das geben“, sondern, sie sagen halt: „Nee, wir implementieren jetzt bis zur nächsten Version das und das und das und das und dann schauen wir mal, was, was die Leute damit machen.“

Na ja, nicht ganz. Nicht ganz, Eric. Überleg mal, die, der, der Siebener, der hatte drei, Release Candidates. Drei waren’s.

Und der war eine ganze Zeit lang Beta, ja.

Der war die ganze Zeit Beta und das war das erste Mal und da, da, du hast recht, das war in der Vergangenheit so, dass die uns einfach das hingeschmissen haben. Beim Siebener haben sie das erste Mal, auf die Entwickler gehört und haben dann tatsächlich die, die Bugs auch erst mal alle beseitigt, die überall, bekannt waren.

Haben zwar dann vielleicht neue reingebaut, aber das ist wieder die programmiertechnische Kreativität von Microsoft und, haben aber auch viele Sachen einfach nicht eingebaut, die alle Leute dringend haben wollten, wie zum Beispiel die Unterstützung von, vom XML-Mediatypen. Damit man X-HTML eins eins endlich mal ausliefern kann. Das wollen die halt nicht. Das interessiert sie nicht.

Oder before und after. Also das wä- wären die zwei CSS-Eigenschaften, die ich gerne hätte, weil ich die total nützlich finde. Und, da ist-

Ich hätte mich auch sehr über Last Child gefreut.

Ja, überhaupt CSS wäre nett gewesen, sagen wir’s doch.

Stimmt. Eigentlich muss oft, dass es toll gewesen wäre, wenn IE CSS Support gehabt hätte. Ja, ja, stimmt.

Wir sollen an Internet Explorer nur Raw HTML ausliefern. Ich glaube, das ist, ist besser so.

Hattest nicht du, Jens, damals auch diesen Link gefunden mit der Ankündigung, dass es jetzt auch, HTML drei Punkt zwei mit, Bildunterstützung gibt?

Ja, ja. Das war klasse.

Sehr gut. Okay, dann zum nächsten Thema, würd ich sagen Ja, nein. Okay. Und zwar, geht's, um unseren, Webkrauts, Bundesliga-Test und, gewonnen hat ja, Mainz null fünf. Und-

Olé, olé, olé.

Ey, ey, ey. Super. Und, fies jetzt. Und, Dirk hat ja mitgeholfen, wenn ich das so sagen darf.

Ja, das darfst du genauso sagen.

Und, ja, wie war das denn? Was, wa, was für Herausforderungen hattet ihr? Gab's da irgendwie strenge Vorgaben oder durftet ihr euch da entfalten?

Also tatsächlich, durften wir uns, was, die Programmierung angeht, sehr frei entfalten, was mir natürlich sehr entgegenkam, weil ich mich halt da wirklich, sehr weit nach vorne schieben konnte, was die Webstandards angeht, was, was großartig war, weil man halt wirklich als, als internes Ziel wirklich uns g-, gesetzt hatten, das Ganze so, so kompatibel und so, clean wie irgend möglich zu machen. Und das ist dankbarerweise auch ganz gut gelungen.

Die, die Haken dabei waren eigentlich, wie es immer ist, dann logischerweise die Integration vom Backend. In dem Fall ist das Typo3 und das hat uns, erwartungsgemäß wieder ziemlich viele Knüppel in die Beine geworfen, aber so langsam wurde es dann immer besser.

Okay, das, also mir gefällt die Seite ganz gut. Ich hab sie ja auch, getestet beim, beim, Bundesliga-Test. Und, ja, was wollte ich eigentlich noch fragen? Ja, ihr habt ja auch diese, Splash Page, diese, diese Einleitungsseite. Gab's da große Auseinandersetzungen, ob man das so machen sollte oder nicht? Oder war das eigentlich klar, weil Fußballvereine haben das einfach?

Ja, das, das war tatsächlich so 'n bisschen, der schmerzliche Punkt. Also wir haben alle gehofft, wir könnten's vermeiden, aber da gab's von vornherein schon mit den, Hauptsponsoren entsprechend die Vereinbarung, dass die Hauptsponsoren exklusiv auf 'nem Splashback gezeigt werden. Und damit war das eigentlich von vornherein klar, dass so was her muss.

Und daraufhin war dann eben die, die Suche nach 'nem halbwegs sinnvollen oder zumindest irgendwie wertigen Inhalt, dass es eben nicht nur 'ne Seite ist, die direkt wegklickt, sondern dass vielleicht noch 'n bisschen was draufpacken, das interessant sein könnte.

Und dann sind wir mit di-dieser, Mischung zwischen, 'nem lesbaren und auch, mit 'n paar Inhalten versehenen HTML, plus 'nem oben aufgesetzten, Flash, das auch wirklich nur dann eingeschrieben wird, wenn Flash vorhanden ist und wenn's nicht vorhanden ist, entsprechend 'n ordentliches, Bild mit 'ner ordentlichen Beschreibung und 'nem semantischen Markup, sodass da was auf der Startseite ist und dass sich sowohl die Personen, die vielleicht keinen Flash haben, als auch Suchmaschinen, freuen können und dann aber auch 'n schnellen Weg zur eigentlichen Inhaltsseite bringen.

Okay, klingt spannend. Also g-grade diese Splash-Seite, die ist 'n bisschen wirklich anders als, als bei anderen Seiten. Also die ist, ich, ich würd fast sagen, liebevoll umgesetzt.

Oh, da werden sich die Grafiker freuen. Sag das noch mal.

Liebevoll umgesetzt. Na, also ist wirk-wirk-wirklich sehr nett und, und man hat auch irgendwo 'n Mehrwert, zumindest 'nen, atmosphärischen Mehrwert, wenn nicht schon keinen informationellen. Ja, 'n bisschen Probleme gibt's noch in Safari. Wurde auch angemerkt in den Kommentaren zu diesem Bundesliga-Test.

Ja, auf, auf die Splash-Seite, ja, die ist im Safari 'n bisschen zu breit. Sie wird dargestellt und damit war's eigentlich für uns erst mal das Wichtigste, dass es dargestellt wird.

Viel, viel ärgerlicher finde ich immer noch, dass, die eigentliche Startseite, also die Slash Start, wie ich gesehen hab, immer noch 'n bisschen Probleme hat im IE sechs, was wirklich faszinierend ist, weil die Original Templates im, im IE sechs wunderbar funktioniert haben und irgendwas, was der, was Typo3 da reinschießt, zerballert uns immer noch den, den Code für 'n IE sechs. Aber auch das wird hoffentlich irgendwann gelöst werden.

Ja, mal schauen. Spä-spätestens wenn's ihn nicht mehr gibt, wird sich das von selbst lösen.

Sehr wahrscheinlich. Wir haben auch nicht rausfinden können, woran's lag. Also wenn das jemand hört und die mal rausfindet, warum der IE sechs das, das große Slideshow-Bild, ohne 'n, transparenten Hintergrund darstellt, da wär ich für jede Info dankbar.

Okay, sehr cool. Sch-scheint aber, sch-sch-scheint aber eh 'n nettes Projekt gewesen zu sein, so.

Das auf jeden Fall.

Also es war auch, eines der, der größten Dinger, weil wir eben auch wirklich das komplette bestehende Web umgebaut haben, es angereichert haben mit diversen neuen Geschichten und das Ganze eben immer mit dem Ansatz, von so semantisch wie irgend möglich und so lesbar wie irgend möglich und gleichzeitig eben auch noch mit dem entsprechenden CEO Anspruch, mit, mit Versuchen, Barrierefreiheit wird auch zugegebenermaßen nicht bis zum Ende, denn das hätte wahrscheinlich wieder zu viel Ressourcen gefressen, aber so barrierefrei wie irgend möglich zu-

Sag barrierearm.

Barrierearm klingt hervorragend, genau.

Ja, super.

Ja, sehr nett. Also mir gefällt die Seite gut und, deswegen zu Recht gewonnen, wenn ich das mal so sagen darf.

Danke schön.

Haben die anderen da noch Meinungen dazu vielleicht? Nee, anscheinend nicht.

Ja, ich, ich hätt, ich hab noch so, ich hab noch so zwei, drei Anmerkungen zu dem Bundesliga-Test generell. Zum einen-

Ah, sehr schön.

Bitte?

Sehr schön.

Zum einen hab ich, hat mich wirklich erschreckt, wie viele Webseiten diese, diese Vorschaltseiten hatten. Also das ist so tiefste, tiefste Neunziger, diese Vorschaltseiten, was wir früher mal gemacht haben, so Tunnelseiten. Klicken Sie hier noch mal und dann kommst du dahin und dann, ja, am besten so, so, drei Seiten.

Hier ist es halt immer nur eine Seite, aber trotz alledem, da ist, entweder haben die Kunden oder die Agenturen oder beide nie verstanden, dass man 'ne Seite direkt, öffnen kann und, und da dann auch, zum Beispiel zu 'nem, zu 'nem anderen Angebot weiterleiten kann.

Also sehr gerne oder sehr, eigentlich immer werden diese Vorschaltseiten dafür genutzt, damit man die, damit man den Weg findet, auch eventuell zu dem speziellen TV-Angebot, das offensichtlich heutzutage so ziemlich jeder Fußballverein hat. Und, dieses, diesen Link zu dem TV-Angebot kann man doch eigentlich auch, auf der normalen Webseite durch 'n prominenten Banner abfangen. Deswegen hab ich nie begriffen, warum diese Vorschaltseiten da sein sollen.

Ich glaub, das ist einfach 'n Relikt aus, aus, falsch verstandener Printwerbung, würd ich sagen.

Das mag sein. Und die, dass, dass dann die Sponsoren das so gerne wollen, ja, da würd ich dann auch mal sagen, nö.

Die Sponso, die Sponsoren kommen, kommen auf die normale Sta, kommen auf die normale Webseite drauf. Fertig. Das reicht doch.

Ich glaub, das ist schon-

Seh ich ganz genauso.

Ich seh doch die, ich seh doch die Sponsoren gar nicht. Mich, mich nerven doch diese, Vorschaltseiten nur. Ich komm auf 'ne Seite und das ist gar nicht die, die ich haben will. Also mach ich doch nichts anderes, als als Erstes den Link zu suchen, wo ich weiterkomme und, nehme dadurch doch überhaupt nicht die Sponsoren wahr. Ich weiß gar nicht, wie die sich vorstellen können, dass die Sp, dass sie als Sponsor da jetzt besser herauskommen.

Im Gegenteil, ich glaub sogar, dass das 'n negatives Gefühl beim Benutzer verursacht und dass die sich gar nicht wohlwollend den Sponsor merken.

Ja, also ich hab mir jetzt nicht alle Webseiten des Bundesliga-Tests durchgeguckt, aber fast alle. Und, es gibt fast keine, die, keine Vorschaltseite hat. Ich kann mich jetzt an meinen, an meine Tests erinnern noch, da war's, glaub ich, nur Aachen, die keine Vorschaltseiten hatten.

Ja, irgendeiner hat's geschafft gehabt. Ich kann mich auch dran erinnern. Bei unseren Recherchen haben wir, will ich so, diese, diese zwei wichtigen Gründe irgendwie rausfinden müssen, warum's denn leider notwendig ist, das Ding da aufzubauen. Das eine war tatsächlich der, der Hauptsponsor, dem das eben schon im langen Vorfeld eben vertraglich so gesichert ist, dass er da eben prominent auf der ersten Seite steht, und zwar nie ohne andere Sponsoren.

Und das andere ist, und das ist leider auch immer noch aktuell, das andere ist die, das, Logo von der, der Bundesliga, das tatsächlich auch an dieser allerersten Seite mit drin sein soll.

Ja. Also ich hab ja-

Also hauptsächlich Lizenzkram.

Ja, das dacht ich mir schon. Ich hab ja die, die, Screenshots von allen sechsunddreißig Seiten gemacht und, und es waren wirklich vielleicht, sechs oder fünf oder vielleicht auch nur drei, die keine Vorschaltseite hatten. Also es war grauenhaft. Also ich versteh's auch bis heute nicht, also.

Es gibt dann auch so Highlights da drunter, wo dann die Vorschaltseite auch nur aus Bildern besteht, die noch nicht mal 'n Alt, Alternativattribut haben. Wo du-

Das hat die alte Mainz 05 Seite vorher auch zu bieten.

Ja, ja gut, die war ja sowieso professionell hoch fünf. Das, wissen wir ja noch. Aber nee, das ist, das ist dann auch noch nicht mal unter Suchmaschinengesichtspunkten noch nicht mal halbwegs intelligent gemacht.

Nee, also ich mein, Suchmaschinenmarketing ist tatsächlich etwas, das glaub ich,, sogar noch weiter hinten ansteht bei den gängigen normalen, bei s, Bundesliga-Webseiten als, als, Semantik oder Barrierefreiheit. Das sind alles Geschichten, von denen da überhaupt nie irgendjemand was gehört zu haben scheint. Es geht 'ne Regel hauptsächlich drum, irgendwie 'n Platz zu haben, um Banner zu platzieren. Und das ist wirklich zu ziemlich bitter.

Ja, und die zweite Sache, die mich, erschrocken hat, war, generell die Qualität. Also es ist ja nicht so, dass jetzt, dass, Mainz 05 jetzt die hundert Prozent, der Hundert-Prozent-Treffer wär, und, der, der, die nächste bessere Seite hätte dann sozusagen neunzig Prozent Qualität.

Also auch wenn man nicht unsere Gesichtspunkte, unsere Qualitätsgesichtspunkte an, anlegt, sondern eigentlich ist es so, dass, dass so die Mainz 05 Seite so 'ne, 'ne gute Zwei, vielleicht hat, worauf wir uns einigen können.

Ja, auf jeden Fall.

Ja. Und, dann beginnt's aber schon so langsam mit 'ner Drei. Und, und so dass der, der Normal, das Normalfeld hat 'ne Vier, Vier minus und es gibt auch welche dabei, die haben wirklich 'ne, 'ne fröhliche Sechs verdient. Wobei ich hab dann später noch mal Webseiten von Regionalligisten angeguckt und, auch mal von, von 'nem Eishockey-Bundesligisten, da muss man schon neue Noten einführen, also Sieben und Acht und so. Es ist wirklich teilweise, erschreckend.

Aber was mich mit am meisten erschreckt hat, das waren so diese ganzen, diese ganzen Top-Clubs, die ja da eigentlich, ja schon mehr als mittelständische, schon mehr so Großunternehmen sind. Ja, ne-nebenbei Bayern München, die hatte ich damals durchgetestet.

Das ist 'n-

Da tut mir, ja, als, da tut mir als Bayern-Fan wirklich die, das Herz weh, wenn ich diese Webseite sehe, weil die, die Webseite ist so grottig, die ist nicht nur optisch 'ne, 'ne, 'ne Zumutung, sondern die ist von der Usability 'ne Frechheit und vom Code wollen wir erst mal überhaupt nicht reden.

Da hat also wirklich 'n, da, 'n potenzieller Champions-League-Kandidat oder jedenfalls ein absoluter Spitzenclub hat sich, offensichtlich entweder 'ne absolute Nullagentur ge-geholt oder diese Agentur hat einfach Geld sparen wollen, indem sie 'n, 'n, 'n paar, unterbelichtete Entwickler gesucht hat. An, also anders kann man das kaum sagen.

Ich, also ich, es ist 'n bisschen hart, bisschen hart ausgedrückt, aber es ist, es ist wirklich von prof-professionellen Gesichtspunkten extrem, extrem heftig, was sie da abgeliefert haben.

Also teilweise ist es ja so, dass die großen Clubs sogar ihre eigenen,, ja Töchter- und Tochterunternehmen dazu haben, die die eigenen Seiten schustern und, ja, vielleicht kommt's, vielleicht kommt's auch daher, dass sie, keine Erfahrung in der Branche haben oder, oder, oder nicht aus großen Agenturen kommen, die Leute, die die

Ja, das mag ja alles sein, aber Bayern München würde doch auch nie auf die Idee kommen, einen Handballtorhüter, aus der Kreisklasse für, als Ersatz für den Kahn zu nehmen. Die, denen legen doch auch an ihre Spieler hohe Qualitätsstandards an. Die legen an das ganze Drumherum an, an die Präsentation, im, im Fernsehen. Überall legen sie hohe Qualitätsstandards an.

Dann geht's ins Internet, dass der, dass eine der, der wichtigsten, Kommunikationskanäle mit ihren Fans eigentlich ist und da kommt so 'n, so 'n grottiger Mist bei herum. Sie haben niemanden offensichtlich, der ihnen, Quali-Qualität erklären kann, im Internet und, fallen dann auf irgendeine Agentur rein. Vielleicht haben se sich, danach, haben se einfach die billigste Agentur haben wollen.

Und ich erinnere mich da immer noch an, an, den, den Spruch von Tomas Caspers, den er gerne sagt: „, schnell, billig, gut, suchen Sie sich zwei davon aus.“ Der hat da vollkommen recht und offensichtlich haben se nur eins davon genommen. Das war-- Also ich, ich bin da, ich bin da extrem, fuchsig, wenn ich so was sehe. Und ich bin da echt traurig, weil, diese, dieser Verein kann was anderes machen. Der kann was anderes finanzieren.

Mainz 05 hat weniger Kohle, wesentlich weniger Kohle und kommt mit einer wesentlich besseren Webseite heraus. Wie, wie kann denn das funktionieren? Mainz 05 hat wahrscheinlich, gerade mal den, den, den Jahresetat für den gesamten Kader, den Luca Toni, und, und Klose selber verbrauchen bei den Bayern. Wie kommt so was dabei heraus?

Ja, ohne jetzt großartig Lappe machen zu wollen, aber das, Konzept, wie die Mainz 05 Seite finanziert wurde, ist, dass es eben, sich selbst finanziert. Also es wurde 'ne extra Betreibergesellschaft, gegründet, die nennt sich Onward und diese, Gesellschaft, die aus, mehreren Unterfirmen besteht, also die aus Barton & Co. und aus New Identity. Und diese Firma hat die Seite auf eigene Kosten erstellt und, refinanziert sich jetzt über die Werbung, die geschaltet wird. Und das-

Ja, das ist auch, ist auch 'n prima Ansatz, Dirk.

Das ist 'n wahrer Ansatz.

Ja, und der Ansatz funktioniert bei Mainz 05 prima offensichtlich oder der kann funktionieren. Und, was meinst du, was, dein Ex-Chef dazu sagen würde, wenn ihm jemand anbieten würde, noch mal so 'ne Firma für,, für Bayern München zu gründen? Dem würden doch die Dollarzeichen in den Augen rollen.

Das wär 'n Traum.

Oder?

Wenn man sich mal die FC Bayern-Webseite anguckt, wenn man sich mal die FC Bayern-Webseite anguckt, fällt ja schon auf, dass die FC Bayern-Webseite eigentlich nur 'ne Subdomain von T-Home ist. Und ich behaupte mal, dass, der, Telekom als Hauptsponsor wahrscheinlich die Website gerade mal so mitmacht. Und das ist vermutlich dann auch genau das, was es ist: 'n Nebenprodukt.

Ja, aber ist doch schlimm.

Das ist bitter. Das ist ganz bitter.

Das ist doch noch bitterer. Das wäre ja noch viel schlimmer. Also wenn dem so wäre, dann wäre das ja noch grausamer, weil dann eine Firma, deren, eigentlicher Job das Internet ist, es auch nicht verstanden hätte, ja. Also das ist ja dann noch bitterer. Und auch nicht irgend 'n Klitschenunternehmen, sondern eines der größten überhaupt, was es da so gibt.

Eines der größten Klitschent.

Einer der größten Klitschen, ja. Ist schon faszinierend, oder?

Ja. Also was mir eben so, so aufgefallen ist, war einfach, dass viele von den Seiten richtig, einfach richtig hässlich sind. Also ohne jetzt da groß auf Technik oder was auch immer zu arbeiten, die wollt ich mir nicht angucken. Also selbst wenn mich jemand prügeln würde. Das, nein. Nein.

Ja, ja. Ja, und es war auch der Normalfall war eigentlich, dass sie vollgemüllt war. Also so richtig, entweder kilometerlang oder-

Konzeptlos.

Ja, ja. Man hat sich dann auch nicht, konzentrieren können. Also bei Mainz 05 ist auch viel drauf, aber, da hat man sich konzentrieren können auf, auf 'n paar Inhalte. Und es wurden nicht alle News, im Volltext auf der Startseite schon untergebracht und dann, auf das man dann ziemlich weit scrollt, sondern es wurde sich reduziert und das ist schon mal wichtig. Aber das gibt's bei anderen nicht.

Also ich glaub, die, die, die Seite von, nagel mich nicht drauf fest, aber ich glaub, das war, Cottbus hatte irgendwie zehntausend Pixel hoch, als ich den Fullscreen-Screenshot gemacht hab und das war schon 'n bisschen viel. Da dachte ich mir: Huch, was 'n da passiert? Weil das war dann so im, im Vorschaufenster irgendwie zwanzig Pixel breit und-

War dann in, war dann in den, in den fehlenden, freien neunzigtausend Pixeln, war dort irgendwie so 'n großer Hinweis: Hier könnte Ihre Werbung stehen.

Nee, das war alles voll mit, mit Texten vollge-geballert, mit Newstexten. Es war also auch geschickt ausgenutzt, der Platz. Ja, sehr spannend auf jeden Fall. Ihr sollt ihr mal einladen.

Vielleicht findet sich ja noch jemand. Das wär ja toll.

Ja, also wenn jemand, irgendwie was mit anderen Fußballwebseiten zu tun hat und sich gern rechtfertigen möchte, schreibt eine E-Mail an David.

Oder, oder ruft an, weil der David, David möchte auch gerne mal, auf seiner, Mailbox, auf seiner Telefon-Mailbox von Skype auch mal-

Genau, ich hab keine Ahnung, wie die Telefonnummer lautet.

Ich schreib bestimmt auf Technikwürze.de.

Die steht bestimmt auf Technikwürze.de, ja.

Genau. Unter dem Banner: „Ruf mich an.“

Mich an. Ja. Sehr spannend auf jeden Fall. Okay, wir haben uns noch was ausgedacht, nämlich, 'ne Rubrikseite der Woche und jeder hat sich hoffentlich 'ne Seite rausgesucht, die er gern vorstellen würde. Und Mainz 05 wär jetzt grad schlecht,, aber, ich denk, das wird sich schon irgendwie, wird schon irgendwie funktionieren. Stefan hust nicht so. Jens, wir fangen bei dir an. Was hast du dir rausgesucht?

Ich bin mal ganz unverschämt und ich habe mir zwei Webseiten ausgesucht. Eine Webse, eine Webseite, die neu ist und eine Webseite, die schon 'n bisschen älter ist, über die ich aber, beruflich, jetzt mal auf ganz andere Weise in Kontakt gekommen bin. Fangen wir mit der neuen Webseite an. Die Postbank hat einen Relaunch hingelegt. Das hat, Dirk-, hat Dirk gesagt schon, hat der-

Stefan.

Hat der Stefan auch bei uns beim Webkrauts, rezensiert. Deswegen, verweise ich en Detail auf seine Rezension bei uns beim Webkrauts. Ich finde, nichtsdestotrotz ist sehr, sehr gut, dass eine solche große, Firma wie die Postbank eine große Bank, es geschafft hat endlich von einer ziemlich grottigen Webseite zu einer, also im Wesentlichen ja eigentlich hundert Prozent fehlerfreien Webseite zu kommen.

Also wenn ich das richtig sehe, ist die, gibt es ein oder zwei kleine M-Meckereien seitens des Validators im CSS. Das sind kleine, Hacks für den IE. Das finde ich, kann ich noch verschmerzen. Ansonsten ist die Seite valide und, sogar semantisch, gut aufgebaut. Man kann über Details sicherlich noch länger diskutieren, wie zum Beispiel warum auf der Startseite es H1, H3, H4 und H5, aber kein H2 gibt.

Über so was kann man sicherlich diskutieren, aber ansonsten finde ich die Seite nicht nur optisch, gelungen, sondern auch, vom Code her gelungen. Und das zeigt mir, dass es offensichtlich, auch große Unternehmen es, mittlerweile schaffen, qualitativ, gute Seiten hinzubekommen. Das finde ich prima.

Das finde ich allerdings toll. Weiß man, wer das gemacht hat?

Nö. Also ich weiß es nicht.

Ich weiß es auch nicht.

Stefan, du?

Ich weiß es auch nicht.

Gut.

Weiß hier überhaupt irgendwer was?

Auch, auch, auch hier der Aufruf, wenn es jemand weiß, wäre das super interessant.

Genau, anrufen bei David.

Ruf mich an. Genau. Also ich finde die Seite optisch und, vom Code her sehr gelungen und, also ist schon prima. Und die zweite Webseite, die mir, diese Woche, die mich diese Woche beschäftigt hat, viel Spaß gemacht hat und, ja, die für mich die Seite der Woche eigentlich geworden ist, ist die Seite des ZDF. Die existiert schon ein bisschen länger.

Ich hab bei uns firmenintern, jetzt diese Woche mal eine, so eine Art Schulung gemacht, mit den, Grafikern und, und Contactern und hab, ihnen was über Webstandards erzählt, und, ja, und dann haben wir uns auch mal ein bisschen um, Seitendetail, um, um Seiten gekümmert, also Seiten, die Webstandards gut oder auch schlecht verfolgen, und hab, ich hab ihnen dabei mal das ZDF gezeigt.

Das, der Fort oder das, das Besondere des ZDF ist ja, dass die Seite komplett skaliert, wenn man die Schrift, die Schrift skaliert. Und ich fand es faszinierend, zu sehen, dass, bei meinen, Kollegen auf einmal so richtig die Augen glänzten. Das fanden sie klasse. Das fanden sie super. Deswegen ist das für mich eigentlich persönlich die Seite der Woche, weil, das ZDF einen sehr ungewöhnlichen, kaum s, sonst häufig zu sehe, kaum zu sehenden, Ansatz, Layoutansatz ge-ge-genommen hat.

Einen Layoutansatz, den's ansonsten hauptsächlich mal in Weblogs oder so privaten Webseiten gibt, aber nicht, bei High-Traffic-Webseiten. Denn man darf ja nicht verkennen, das ZDF, hat nun mal 'n ziemlich hohen Traffic und hat auch verdammt viele Bilder. Das heißt, die haben dann auch den, der Teufel, der da im Detail steckt, nämlich das Bild, haben die auch wunderbar, in, in den Griff bekommen.

Die haben's also auch geschafft, offensichtlich das Ganze mit ihrem CMS und, die Redakteure gleichzeitig noch, zu verknüpfen. Deswegen ist das für mich 'ne super Leistung gewesen. Das waren so meine beiden Seiten.

Ich bin nicht ganz sicher, ich glaube mich zu erinnern, dass, für die ZDF, Seite mit dem, Scaling auch irgendwie der Tops von, Mindgarden mit drin war beziehungsweise Fidelity ist die, glaube ich, die Firma dahinter.

Mhm. Keine Ahnung. Keine Ahnung. Ich weiß gar nicht so richtig, wer das gemacht hat. Ich weiß nur, dass die, dass die Unternehmenswebseite des ZDF, die damit aber jetzt nichts zu tun hat, ein Typo3-Projekt mit YAML ist. Da kann man dann auch so skalieren. Aber allein ich, ich find, unter die, aber die Unternehmenswebseite ist jetzt natürlich nicht so der, der, der Traffic, König.

Ich finde, dass so eine Webseite wie die, wie das ZDF, die dann einfach so viel Traffic an sich zieht, dass, dass das eine mutige Entscheidung ist, ein solches, Layout zu nehmen. Und dass ohne, und dass das ohne, ohne den IE7 zum Beispiel oder Opera 9 sich auch so verhält, die, die von sich aus schon die Seite so skalieren, beziehungsweise der IE7, der skaliert das ja wie so 'ne, wie so 'n Bild. Das finde ich halt schon ziemlich gut.

Ja, die ist auf jeden Fall nett gemacht. Ich hab die ja, auch schon für, für die Webkrauts da auf der Webseite mal kurz, vorgestellt.

Stimmt, ist schon ein bisschen länger her, aber ich bin wie gesagt erst jetzt damit so richtig in Berührung gekommen.

Ja, sehr nett gemacht. Also mir gefällt die gut. Find, sie ist auch sehr benutzbar, sehr. Hat, hat auch diese Anreize sehr schön. Also man hat nicht so, nicht so dieses, was man normalerweise auf, auf Fernsehseiten hat, dass die ihren aktuellen Content irgendwie verstecken oder nur News posten oder so, sondern es ist sehr schön bisschen aus den Kategorien, hervorgebracht, was man, was man sich so anschauen könnte.

Ja, und es ist mal eine Webseite, die du aufrufst, also eine Fernsehwebseite, wo nicht gleich, Firefox meldet, dass es mindestens ein Pop-up unterdrückt hätte.

Ja, also mir gefällt sie gut. Dirk, ich würd gerne bei dir weitermachen.

Okay, ich will, würde gerne heute anfeaturen die Website, websiteperformance.org. Und zwar, verbergen sich da drunter die meine beiden Kollegen hier bei Yahoo, Ed Elliott und Stuart Colville. Und die beiden arbeiten grade an 'nem Buch über, voilà, Website Performance. Und, haben schon mal im Vorfeld 'ne Website gelauncht, in der jetzt regelmäßig, sehr, sehr interessante Blogposts erscheinen zum Thema High Performance Websites.

Und, letzte Woche ist darunter auch ein, ein Tool, mit online gegangen, das da heißt, CSS Sprite Generator. Und das ist etwas, was mich unendlich fasziniert hat. Also über CSS Sprites hat man, glaube ich, mal jeder was gehört. Das ist die Möglichkeit, statt, nur einem Bild eben mehrere Bilder in einem Bild zu haben, um die, Anzahl der HTTP-Abfragen zu reduzieren und dadurch die Performance der Website zu erhöhen.

Und das ist immer so ein bisschen fusselig, diese ganzen Bilder eben so zusammenzupacken, dass es im Endeffekt nur noch ein Bild ist und, dann auch noch das passende CSS zu schreiben, um diese Bilder, die jetzt zusammengeschweißt sind, als Hintergrundbild eines, eines Diffs so anzuzeigen, dass immer nur eins von beiden so sichtbar ist. Und die beiden haben ein Tool geschrieben, das, es dir erlaubt, eine beliebige Anzahl von Bildern einfach zu zippen und da hochzuladen.

Und da werden die ganzen Bilder dann alle entpackt, werden in, in ein Bild zusammengepackt und da ist es sogar auch egal, was, was für ein Bild es ist, also JPEG, GIF, Ping, was auch immer. Und dann werden die Bilder zusammengepackt in eines und dann geht das, Ding sogar noch weiter und schreibt dir das passende DSS, um jedes dieser einzelnen Bilder entsprechend so anzusprechen, dass es sichtbar ist. Und das ist mein absolutes Feature des Tages.

Und da ist, weiß ich aus, Internem, dass da auch noch viel, viel mehr kommt in der Richtung. Deswegen regelmäßig gucken auf Website minus Performance Dot org. Riesending.

Das klingt sehr spannend.

Auch von den Artikeln. Und, sie, sie sind noch nicht 100 %ig wann genau das Buch kommt. Irgendwann 2008, aber sie versuchen Gas geben, denn da steckt so viel Know-how drin, die geben sonst wirklich drauf.

Aber die fangen jetzt nicht an, YSlow und die Ideen, die dahinter, stehen, dann auch noch zu pushen oder wie? Oder doch?

YSlow, kommt jetzt nicht hierher, sondern von den Kollegen aus den US, aber natürlich, bezieht sich auf die gleichen, auf die gleichen Grundsätze. Also die, wenn, wenn du deine, Seite mit, YSlow testet, ist natürlich auch da einer der wichtigen Punkte, dass, geprüft wird, die Anzahl der HTTP-Abfragen und sie als Anzahl der Bilder. Und das sind diese beiden Punkte, die du eben mit der Verwendung von CSS Sprites dramatisch reduzieren kannst und damit deinen YSlow-Wert schön erhöhen kannst.

Also es geht schon in die Richtung, ja.

Ich habe nur die Befürchtung, dass YSlow nix für die Normalwebseite ist, also die Ideen, die dahinterstecken. Und ich möchte auch ungern dazu übergehen, mein CSS und JavaScript immer in den Kopf reinzuschreiben.

In den Fuß. In den Fuß. In den Fuß, nicht in den Kopf. Das ist noch viel schlimmer. Ja, es ist tatsächlich-- Ach so, du meinst, wirklich in die Webseite selbst, ne?

Das ist nicht notwendig, aber, was, was, gemacht wird und was, vom Performance, Punkt auch sinnvoll ist, ist hinzugehen und, das, CSS eben zusammenzupacken, dass du quasi, nachdem du fertig entwickelt hast, ein, ein, ein Build-Prozess laufen lässt, der eben dein ganzes, deine ganzen diversen CSS zusammenpackt in eins und deine ganzen JavaScript zusammenpackt in eins, sodass du eben nur noch einen Zugriff hast.

Das Ganze natürlich dann auch noch entsprechend komprimiert, sodass du im Endeffekt nur noch, ein CSS, ein JavaScript hast, die beide irgendwie nur noch ein Bruchteil so groß sind wie die diversen Originale. Und dann kommt das CSS, verlinkt in den Kopf und dann kommt das JavaScript, verlinkt in den Fuß der Seite.

Etwas, das, erst mal irgendwie krank klingt, aber nachdem ich hier erklärt bekommen hab, dass, die Webseite aufhört zu parsen, bis, simpliches JavaScript in einem externen JavaScript, komplett in Arbeitsspeicher geladen ist und dass es dadurch eben zu dramatischen Verzögerungen kommt, ist das etwas, das verkraftbar ist. Dann muss eben das JavaScript in den Fuß anstatt in den Kopf. Und dann ist das 'ne schnelle Sache.

Und das sind so die zwei, drei Sachen, die ich auch für kleinere private Seiten wählen würde. Es kommt jetzt nicht drauf an, dass man da wirklich, alles irgendwie high end optimiert, weil es meist nicht notwendig ist. Aber das sind so die Geschichten, die dafür sorgen, dass deine Seite nicht nur schneller lädt, sondern auch schneller rendert. Und das mag eigentlich jedem gern gefallen und ist auch nicht wirklich unglaublich aufwendig.

Mhm. Okay.

Ja, klingt spannend. Gerade dieses, dieses, CSS in die Seite direkt reinschreiben ins HTML kommt ja bei Yahoo davon, habe ich gehört, habe ich mich informiert, dass, dass dir das als Startseite oft eingerichtet wird. Und der Internet Explorer, um mal wieder zu dem Thema zu kommen,-

-waren wir ja heute noch nicht, der,, speichert zwar die HTML-Seite, cached die, auch wenn der Internet Explorer ausgeschaltet wird und dann wieder an, aber nicht das CSS seltsamerweise. Und deswegen, wird das bei Yahoo so gemacht, dass man das auf der Startseite da einfügt.

Ja, krank, aber manchmal hilft's.

Ja. Internet Explorer halt.

Okay, dann, Stefan, deine Seite der Woche.

Meine Seite der Woche. Also ich hab jetzt, nichts wahnsinnig Technisches oder, oder, oder Neuartiges vorzustellen. Ich habe einfach so eine kleine Inspirationsquelle zum Thema Web und Typografie vorzustellen. Und zwar ist das die Seite, I Love Typography Dot com.

Das ist 'n sehr schöne, Webseite im Blog-Style, mit Bücherempfehlungen und freien Schriften und Schriftvorstellungen, die sehr schön gestaltet ist, die mit Fontbesprechungen aufwartet und, mit Erklärungen und so weiter, die auch selber, sehr viele CSS-Effekte nutzt, um halt Webtypografie, schön in Szene zu setzen. Und das ist einfach, 'ne Augenweide typografisch und, - Verweist auch oft auf Seiten mit, mit sehr schöner Webtypografie.

Also auf jeden Fall was, was man sich immer mal wieder zwischendurch angucken kann.

Sergej?

Also ich mag die Seite auch sehr gern. Die hat wirklich, wirklich viele Informationen über Fonts. Und wenn man jetzt, zum Beispiel auf diese letzte Schriftvorstellung draufklickt, dann sieht man auch, dass die Headergrafik ausgetauscht wird mit dem, mit der Schrift, die vorgestellt wird. Das find ich einen sehr schönen Effekt. Ist mir gestern aufgefallen. Also echt eine sehr, sehr nette Seite. Kann ich auch nur empfehlen. Da schließ ich mich gern an.

Danke schön.

Grade, grade live getaggt.

Grad live getaggt, ja. Das hab ich mit deiner Seite gemacht, Dirk..

Yay.

Ja, okay, dann stell ich meine Seite vor kurz. Und zwar, der Apple Shop und Apple.com. Und zwar nicht, weil’s Apple ist und weil Apple so cool ist. Das ist zwar auch richtig irgendwo, aber, aber es, geht darum, wie vielseitig die Seiten sind. Also grad Apple.com ist mal weiß, mal schwarz, hat mal ’n Vier-Spalter, mal ’n Drei-Spalter, dann, diesen, dieses Karussell oben. Das, das find ich sehr nett und, zeigt, was möglich ist einfach. Und ja, das, finde ich immer sehr inspirierend.

Und deswegen meine Seite der Woche, Apple.com und der Apple Shop. Und alles, HTML, CSS.

Die wechseln dann auch hin und wieder mal. Die, die wechseln dann auch hin und wieder mal das Layout oder wie ist das?

Die wechseln von schwarz zu weiß. Also nach Produktgruppen zum Beispiel. Also du hast, du hast dann, keine Ahnung, beim iPhone ’n Drei-Spalter und bei den Macs dann ’n Vier-Spalter und so..

Darf ich dazu kurz was sagen?

Wenn du magst.

Auf der Apple.com-Seite ist zurzeit ein Teaser zu Al Gore mit, mit Al Gore, am Süd- oder Nord- oder was auch immer für einem Pol. Entschuldigung, mein Drucker initialisiert sich jetzt grade.

Das, das klingt, als würde er gerade

Es tut mir, es tut mir leid. Ich kann nicht einsehen, dass du das machst.

Das US-Atomwaffenprogramm, hat das Stefan schon ins Visier genommen.

Er ist fertig. Er ist fertig. Ich, ich zurzeit-

Ich glaub, Al, Al Gore kriegt gerade irgendwie den Friedensnobelpreis verliehen oder so was. War da nicht so was?

Ganz genau. Ganz genau. Und dafür ist auch dieser, dieser Teaser irgendwie da. Er steht in einer dicken, fetten Jacke, vor einem Gerät, vor einem Ding und grimmelt nicht in die Kamera und, daneben steht ein wunderbar heroischer Text, der ihn, lobpreist.

Mhm. Über Herz und Seele und bla. Amis halt.

Hätten wir das mal...

Ich finde, der sieht übrigens, seinem damaligen Chef ein bisschen sehr viel ähnlicher, oder?

Auf dem Foto schon, ja.

Ich finde, er sieht nicht Al Gore ähnlich. Tja, seltsam.

Die haben ja auch das Bild verwechselt. Ja, vollkommen.

Ja, haben ’n Clinton-Foto genommen.

Ja. Das war grad da. Ja, sehr nett. Auf jeden Fall, auch die Apple DE-Seite. Apple DE, Com, egal. Alles super.

Wobei die, glaub ich, vom, vom, vom Webstandards-Punkt her so ’n bisschen bedenklich ist immer, ne.

Nee, das geht eigentlich auch. Also...

Ja? War da nicht dieser große Aufschrei gewesen, als sie die zuletzt wieder relaunched hatten mit all diesen Artikeln über das hätten sie besser machen können?

Sie hätten natürlich was besser machen können, aber kann nicht jeder immer was besser machen? D-das ist die Frage. Es, es ist ganz nett, es ist schön anzuschauen und, ich, ich weiß nicht, ob man da jetzt-- ich hab jetzt auch so auf die Technik so direkt gar nicht geguckt. Ich find’s, find’s ganz schön, dass es so war, ja.

Okay, es ist mal wieder, es ist mal wieder optisch klasse, aber en Detail doch wieder nicht, nicht so richtig prall, denn ich bin jetzt grade beim iPod nano, und da haben sie unten ’nen Drei-Spalter, What's in the Box, und daneben iTunes und dann Requirements und das haben sie wohl nicht anders lösen können als mit einer dreispaltigen Tabelle.

Ja, so Sachen gibt’s.

Sogar noch mehr, mehr Spalten. Vier Spalten, weil sie das Bild auch noch in eine eigene Tabellenspalte reingehauen haben. Also na ja.

Bei so vielen Spalten muss es dann einfach ’ne Tabelle sein.

Ja, genau. Das geht auch nicht anders.

Das ist aber logisch. Ich mein...

Diese browserweite Unterstützung von CSS, diesen modernen Kram, ne. Es ist so...

Wir können froh sein, dass wir Tabellen haben.

Ja, ja, ja, ja. Ja, ja. Und so ’ne Spalte, so, so ’ne, so ’ne Aufzählung, das ist ja auch nur, auch im Prinzip ’ne tabellarische List, Aufzählung. Doch.

Das Ganze mit CSS wird sowieso überschätzt, meiner Meinung nach.

Ja, ja, ja, ja.

Ja, ich glaub das ist general.

Das ganze Internet wird generell überschätzt.

Was ist ’n das?

Es folgt ein Aufruf für tabellenbasiertes Design.

Achtung, Ironie an.

Sponsored bei bayernmuenchen.de.

Yeah. Stimmt. Stimmt, das ist das Doofe. Wir haben ja jetzt keine Ironie-Tags für, für diesen Technikwirsue-Podcast.

Ja, vielleicht muss ich noch ’n, ’n Ironie-Jingle ein, einbauen.

Ja, bin ich auch dafür, dass das in HTML5, spätestens in HTML6 kommt: Ironie. Und ich hätt auch immer gerne Sarkasmus. Ich hätt auch gern Sarkasmus. Wobei wir könnten eigentlich Sarkasmus auch als Attribut für Ironie nehmen. So was wie Ironie harder oder so was. Attribut.

Ja, Ironie Level fünf oder so.

Ja, glaub ich. Headlines. Ironisch, noch ironischer, bitterböse. Ja, genau.

Oder ein, oder ein Emotionstag mit, E-emotions-Element mit Type-Attribut. Fänd ich auch nicht schlecht.

Ah ja, genau. Wütend und so.

Wo du es so sagst, vielleicht brauchen wir kein Ironie-Tag, sondern Ironie-Attribut. Also so was wie Emotion gleich und dann Irony, also Ironie oder, Sarkasmus. Oder wie wär's mit, Selbstmord gefährdet?

Ja, dann könnten wir, also könnten wir einfach-

Das funktioniert ja-

Vielleicht sollten wir daraus, vielleicht sollten wir daraus ein Mikroformat machen. Vielleicht sollte man ein Mikroformat draus machen.

Das funktioniert ja aber übers Role-Element dann, glaube ich.

Ja, genau.

Ja, stimmt.

Das wird super.

Rolling home.

Also ich, ich, ich, markiere ja diese ganzen E-Mails immer als gelesen in HTML, in der HTML5 Working Group. Und, ja, das wird super.

Schlag's doch mal bitte vor. Schlag doch mal bitte vor in der, in der HTML, fünf Liste, in der du bist, dass sie das Emotion-Attribut hinzufügen sollen, und zwar zu allen, zu allen Inhaltstragenden Elementen. In einem Absatz, 'n Listen-Element, Überschrift. Bitte, das wär doch mal was. Das hätte ich gern.

Ja, ich, ich werd mich darum bemühen.

Das ist gut.

Krass.

Ja, weil ich find, das ist auch wichtig.

Damit bist du mein Held der Woche.

Auf der Screenreader. Wobei man das vielleicht eher in CSS definieren sollte.

Nein, nein, nein, nein, nein, nein, nein. Das ist Semantik. Das ist nicht Präsentation.

Ja, das glaub ich.

Das ist Semantik.

Okay, ich bin da überzeugt.

Prima.

Ich find, das ist 'ne, 'ne gute, gute Sache. Okay, ich hab jetzt auf der Uhr so fünfzig Minuten und, ich denk, das reicht dann auch. Oder wollt ihr noch?

Du, wir, ich bin ganz zufrieden. Ich dachte, wir überziehen viel mehr.

Ja, wollen wir noch 'n bisschen überziehen? Wir können ja noch 'n bisschen, keine Ahnung, Pingpong spielen oder so.

Das Wetter ist grad so schön.

Ja, okay, dann lassen wir dich, nach draußen. Hier ist das Wetter auch nett. Drei Länder übrigens. Super.

In London sieht's auch richtig nett aus. Ich schau hier grad einmal quer rüber und wir haben fast blauen Himmel.

Fast blauer Himmel ist ja schon, Sommer in London.

Das ist englisches Äquivalent zu Hochsommer.

Ich weiß nicht, wie im Ruhrgebiet das Wetter ist. Ich werd nie aus meinem Käfig rausgelassen, aber ich hab gehört, es soll gut sein.

Gut, dann viele Grüße in den Käfig.

Danke.

Einmal gestreichelt.

Okay, dann verabschiedet euch und dann, mach ich, hier das Licht aus.

Sehr schön.

Ja, will, willst du vielleicht noch mal ankündigen, dass wir das jetzt regelmäßig machen?

Ja, jeden Ta, jede Woche jetzt.

Jeden Tag.

Jeden Tag.

Ja, David kommt übrigens nie wieder. Das ist, wir, wir haben das jetzt übernommen.

Ja, David ist in der Toskana verschollen.

Erik, er hatte den blöden Fehler gemacht, Erik die Zugangsdaten zum Blog und zum FTP-Zugang zu geben und wir haben's natürlich direkt geändert und damit ist es jetzt uns.

Wir bauen auch das ganze Blog erst mal in Tabellenlayout, würd ich sagen.

Ja, natürlich. Ganz modern.

Mindestens doppelt und dreifach verschachtelt. Jede Tabelle dann noch mal.

Wenn schon, denn schon. Gut. Okay, dann bis zum nächsten Mal.

Okay. Tschüss.

Tschüss.

Tschau.

Tschau.