kino.to

...heute heißt es zur Abwechslung mal nicht "die Kriminalpolizei rät" sondern "ich rate der Kriminalpolizei" - und zwar zu einer hübscheren Defacement-Seite, wenn die schon irgendwelche Domains wegen Urheberrechtsschutzdings hops nehmen müssen. Dieser Artikel versteht sich also als kleiner Ratgeber in Sachen Webdesign. Aber worum geht es eigentlich? OK, fangen wir vorne an: Im Spiegel ist zu lesen, daß die Betreiber von kino.to festgenommen wurden, es gab Razzien, die Domain kino.to wurde beschlagnahmt und entsprechend fand man dort heute nur noch einen kleinen Hinweistext der Polizei (siehe auch im lawblog), der in etwa so aussieht:


Leider sieht das HTML hinter diesem Text ganz furchtbar aus: Kein doctype und dann auch noch Tabellendesign, das die Schrift in die Mitte rücken soll, was es aber nicht immer verlässlich tut. Kleiner Tip: CSS. Und mit einer serifenlosen Schrift sieht das ganze gleich viel besser aus:


Da der durchschnittliche kino.to-Besucher auf der Seite wahrscheinlich Multimedia erwartet hat, sollte man m.E. diese Erwartung auch nicht enttäuschen. Ich hab hier mal das Intro der Serie "Cops" reingepackt, ein kleiner Kripo-Promo-Film tut es aber bestimmt auch:


"Bad boys, bad boys, whatcha gonna do? Whatcha gonna do whatcha gonna do when they come for you?" - das ist doch schick! So, jetzt verleihen wir der Sache noch ein bisschen Klasse durch andere Fonts. Dank Google Webfonts gibt es ja kaum Grenzen mehr. Und wir wissen schließlich: Je mehr verschiedene Fonts, desto besser:


Damit aber nicht genug! Was ein ordentliches defacement sein will, muß mit der Zeit gehen und mindestens auf ein Meme eingehen. Nyan Cat geht immer und ein animiertes GIF als Hintergrundbild hat auch noch keinem geschadet:


Jetzt muß für den Wiedererkennungswert nur noch ein ordentlicher Header her. Und in Richtung JavaScript haben wir auch noch viel zu wenig gedacht. Wir basteln uns also einen mit mootools animierten Header, Wölkchen sind doch schön. Die Schrift muß im ganzen noch etwas größer und roter und unten ist noch Platz für ein Foto einer Dienstmarke (gibts bei Wikipedia) - das lässt die ganze Seite viel offizieller erscheinen. Tada!


Na? War das denn so schwer?

(erstes Bild: Screenshotausschnitt kino.to vom 8.6.2011)

CSS naked day

...heute ist mal wieder CSS naked day, weshalb ich hier für heute die Stylesheets ausgeschaltet habe. Nicht wundern. Ich finde, die Seite ist auch so recht gut lesbar* - für Hinweise und Verbesserungsvorschläge bin ich immer ansprechbar. (Ja, und ich weiß, das Blog hier 'beim bösen G' zu hosten ist ganz schlecht, geradezu verdorben muß man sein...)

(*autsch - teilweise >40 Fehler auf einer simplen Seite (fehlendes alt-Attribut, fehlende Summary), das muß auch besser gehen!)

Kein Stil

...fast verpasst: Heute ist ja CSS Naked Day. 'Web Standards'? Ja, kann ich mich mit anfreunden - deswegen bitte ich ausdrücklich um Verzeihung, daß ich dieses Blog aus Faulheit und Selbsthaß über blogger.com führe. Was das Abschalten der CSS angeht: Das überlasse ich lieber dem Leser (z.B. im Firefox über Ansicht>Webseiten-Stil>kein Stil). Standards sind ja unter anderem deshalb wichtig, damit der Benutzer selbst entscheiden kann, wie er an die Inhalte kommt (Stichwort 'Screenreader'). 'Form follows function', Design als Angebot oder so. Die amorphe Welt ist (dank YAML) zumindest einigermaßen valide und lesbar. Ok, so einiges muß im Netz noch passieren, das Ende von Frameset und Tabledesign halte ich aber für beschlossene Sache (jetzt bitte nicht mit iframe und Flash winken, ich blicke grad so positiv in die Zukunft).

CMS und CSS und so

...manche Dinge bekomme ich halt erst spät mit: Zum Beispiel, daß es seit letztem September YAML auch für Drupal gibt. Schon wieder ein neuer Punkt auf meiner schier endlosen Liste der Dinge, die ich mal testen möchte. Klingt nach ein wenig rtfm-Arbeit, das Ergebnis stelle ich mir - ganz unbedarft - aber sehr nett vor. Wie sagte neulich jemand so schön: "Damit kann ich mich dann mal beschäftigen, wenn irgendeine Woche zufällig mal neun Tage haben sollte".