compufreak » webdesign

Spamschutzmechanismen für die eigene Homepage

compufreak — Tue, 06 Sep 2011 19:54:16 +0000

Titelbild: Die SPAM-Flut

Vorwort

Im Netz findet man unglaubliche Zahlen sobald es um das Thema Spam-Aufkommen geht. Einige sprechen da von ca. 80 Billionen Spam-Emails – jährlich. Tendenz: Steigend. Und diese Zahlen beziehen sich lediglich auf Email-Spam. Das Spam-Aufkommen auf der eigenen Website ist ebenfalls eine Plage für all jene, die an sich selbst den Anspruch stellen ihren Online-Auftritt Spam-frei zu halten.

In diesem Artikel erfahren Sie:

Wie eine Maschine einen Menschen von einem böswilligen Artgenossen unterscheiden lernt.
Welche einfachen Tricks große Teile des täglichen Spams abfangen.
Mit welchen Methoden sich die eigene Email-Adresse im Web vor Crawlern schützen lässt.
Warum es gar nicht so schwer ist ein Captcha zu basteln.
Welche Instant-Lösungen bereits zur Verfügung stehen.
Mit welchen Erweiterungen man Content-Management-Systeme erfolgreich gegen Spam verteidigt.

Was Sie vorher besitzen sollten:

Fortgeschrittene Kenntnisse in PHP (Session, Grafiken „on-the-fly“, etc.).
Gegebenenfalls grundlegende Kenntnisse bezüglich des jeweiligen CMS.

Einleitung

Website-Spam: Er ist nicht ungefährlich, denn er enthält oft Links zu böswilligen „Angeboten“. Auch wirft er kein gutes Licht auf die eigene Website. Ja oft ist er sogar ein Merkmal ungepflegter oder verwaister Projekte. Schön anzusehen ist er auch nicht. Leider kann man ihn nicht einfach irgendwo abstellen: Er muss bekämpft werden. Da man als gewöhnlicher Web-Entwickler weder Zeit noch Lust hat den Ursprung dieses Übels zu bekämpfen, muss man notgedrungen Spam-Schutzmechanismen implementieren um diesem Problem habhaft zu werden.
Machen wir uns nichts vor: Wir können der Spam-Flut weder entkommen noch eine Sandburg bauen die stark genug wäre ihr für immer stand zu halten. Jedoch gibt es Mittel und Wege Spam zu „behindern“.
Da die wenigsten diese eigentlich stupide Aufgabe einem Menschen auftragen würden (welcher zudem unglücklicherweise auf Bezahlung besteht), muss der pfiffige Web-Entwickler diesen Vorgang automatisieren. Folglich ist es ein Kampf der Maschinen untereinander: Ein Turing-Test¹. Doch wie unterscheidet eine Maschine einen Menschen von einem Artgenossen?

Allgemeine Vorgehensweise

Im Folgenden werden einige simple Methoden beschrieben, mittels PHP zu bestimmen, ob es sich bei einer Nachricht (z.B. in einem Gästebuch) um Spam handelt oder nicht. Normalerweise sollten mehrere dieser Methoden nebeneinander eingesetzt werden. Idealerweise baut man diese Mechanismen so, dass für einen Aspekt, der auf Spam hindeutet ein oder ggf. auch mehrere Punkte vergeben werden. Nachdem alle Funktionen die Nachricht analysiert haben, wird diese je nach Punktzahl entweder als Spam eingeordnet oder nicht. Das hat den Vorteil, dass man die „Strenge“, nach der Spam identifiziert wird leicht justieren kann. Um ganz sicher zu gehen, dass man niemanden zu unrecht als Spam abtut, kann man vermeintliche Spam-Nachrichten auch in der Datenbank belassen und nur vorerst sperren. Später geht man diese Nachrichten dann von Hand durch und gibt diese ggf. frei (siehe Abb. 2).

1. Schutz durch eine Blacklist

Eine naheliegende Lösung ist die sog. Blacklist, also die „schwarze Liste“. Auf ihr werden Schimpfwörter oder gar ganze Website-Adressen gepflegt. Enthält ein Eintrag (zum Beispiel in ein Gästebuch) eines oder mehrere dieser Wörter, kann davon ausgegangen werden, dass es sich dabei um Spam handelt. Oftmals wird von einer Blacklist mit der Begründung sie sei zu aufwändig und nicht ausreichend abgesehen. Dabei kann man bereits mit einer Handvoll Begriffen gut 60% allen Spams aussortieren. Man braucht sich dazu lediglich ein paar Spam-Einträge anzusehen. In den meisten Fällen geht es um Viagra oder andere medizinische Produkte. An zweiter Stelle folgen dann häufig „Werbe-Anzeigen“ für Websites mit pornographischem Inhalt. Bringt man nun nur ein paar gängige Begriffe aus diesen Bereichen der Blacklist bei, schiebt man damit einem Großteil des Spams einen Riegel vor. Ebenfalls nützlich sind Begriffe wie „kaufen“, „günstig“ oder „free“. Lediglich eine Sache sollte man dann noch beachten: Spam ist in den meisten Fällen englisch. Eine mehrsprachige Blacklist ist also ratsam.

Glücklicherweise ist die Umsetzung einer solchen Blacklist mittels PHP nicht sonderlich schwer:
Als erstes muss man natürlich ein Formular in HTML erstellt haben. Die Daten daraus müssen von einem entsprechenden PHP-Script abgefangen werden. Dann werden die einzelnen Begriffe der Blacklist zur einfacheren Handhabung in einen Array abgespeichert. Dazu gibt es zwei Möglichkeiten: Entweder werden die Begriffe und der Array direkt im Quellcode abgelegt, das kann allerdings bei einer langen Blacklist umständlich werden. Oder die Begriffe werden in einer anderen Datei (zum Beispiel einer TXT-Datei) abgelegt. Wobei die Begriffe jeweils durch einen Zeilenumbruch getrennt sein müssten. Handlicher ist letztere Methode. Ein Beispiel für eine sehr kurze Blacklist:

günstig
cheap
free
viagra

Durch folgenden Befehl wird die Datei (in diesem Fall „blacklist.txt“) aufgerufen und der Inhalt in einen Array ($blacklist_array) gespeichert:

1	$blacklist_array = file( 'blacklist.txt' );

Um herauszufinden, wie oft eine Zeichenkette in einer anderen Zeichenkette vorkommt, benötigt man den Befehl substr_count(). Dieser wird für jedes Element des Arrays, sprich für jedes „verbannte“ Wort neu ausgeführt. Jedes Vorkommen eines solchen Wortes wird ein Zähler um eins erhöht.

Sind diese beiden Grundlagen bekannt, wird der Rest nicht schwer:

Listing 1.1. Simple Blacklist-Funktion

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

// Inhalt der Nachricht abrufen
$nachricht = $_POST['nachricht'];

// blacklist.txt öffnen und in Array $blacklist_array speichern (Eine Zeile = Ein
// Element)
$blacklist_array = file( 'blacklist.txt' );

// Zähler für die gefundenen Wörter aus der Blacklist
$anzahl = 0;

// Jeweils ein Wort der Blacklist nehmen, in $blackword speichern und mitzählen,
// wie oft das Wort in der Nachricht auftaucht
foreach ( $blacklist_array as $blackword ) {
$anzahl += substr_count( strtolower( $nachricht ), strtolower( trim( $blackword ) ) );
}

// Bestimmen, ob die Anzahl der "Spam-Wörter" niedrig genug ist
if( $anzahl < 2 ) {
echo 'Nachricht wurde nicht als Spam eingestuft!';
} else {
echo 'Nachricht wurde als Spam eingestuft!';
}
?>

Natürlich lässt sich dieses Script noch verbessern. So ist es momentan noch machtlos gegen Dinge wie „Leet-Speak²“ (Buchstaben durch ähnlich aussehende Zahlen ersetzen) oder sonstige Abstraktionen.

2. Schnell-Tippen: Zeit ist Geld?

Eine andere Möglichkeit Spam zu erkennen besteht darin die Schreibgeschwindigkeit zu ermitteln. Denn welcher Spam-Bot nutzt denn nicht „Copy-&-Paste“? Ein Spam-Eintrag benötigt meist nur sehr kurze Zeit. Misst man nun die Zeit seit dem Laden der Formular-Seite bis zum Empfang der Formular-Daten, kann man daraus und aus der Anzahl aller Zeichen im Formular die Tastenanschläge errechnen. Das Ergebnis ist zwar leicht verfälscht, wenn ein echter Benutzer die Seite besucht, da dieser nicht sofort anfängt zu tippen, doch das setzt seine errechneten Tastaturanschläge ja nur herunter.

Die Zeit berechnen wir mit einem Timestamp (also sekundengenau). Es liegt zwar nahe, diesen Timestamp zusammen mit den anderen Formular-Daten in einem versteckten Feld zu verschicken, dies ist aber zu unsicher, da der Spam-Bot diese Werte manipulieren kann. Aus diesem Grund hinterlegen wir den Timestamp in einer Session. Bei der Auswertung rufen wir ihn dann wieder ab, errechnen die Differenz, ermitteln die Anzahl aller Zeichen im Formular und errechnen daraus die Tastenanschläge. Ein verdächtiger Wert liegt bei ungefähr 8 Anschläge pro Sekunde aufwärts.

Auf der Seite des Formulars:

Listing 2.1. Speichern des Timestamps in die Session-Variable

1
2
3
4
5
6

// Session-Start
session_start();
// Speichern des Timestamps in die Session-Variable
$_SESSION['spam_check_start'] = time();
?>

Bei der Auswertung:

Listing 2.2. Auswertung der Daten und Errechnen des Tastenanschlags

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

// Session-Start
session_start();
?>
[… HTML-Grundgerüst, etc. ...]

// Name abrufen
$name = $_POST['name'];

// Inhalt der Nachricht abrufen
$nachricht = $_POST['nachricht'];

// Timestamp abrufen
$spam_check_start = $_SESSION['spam_check_start'];

// Aktuellen Timestamp ermitteln
$spam_check_ende = time();

// Differenz ermitteln
$spam_check_dauer = $spam_check_ende - $spam_check_start;

// Anzahl aller Buchstaben errrechnen
$anzahl_aller_buchstaben = strlen( $name.$nachricht );

// Anschlage pro Sekunde errrechnen
$anschlaege_pro_sekunde = ( $anzahl_aller_buchstaben / $spam_check_dauer );

if ( $anschlaege_pro_sekunde < 9 ) {
// ggf. Meldung ausgeben
echo 'Nachricht wurde nicht als Spam eingestuft!';
} else {
// Fehlermeldung ausgeben, ggf. Punkt-Zähler entsprechend verändern
echo 'Nachricht wurde als Spam eingestuft!';
}
?>

3. Leere Eingabe-Felder

Da Spam-Bots oft die Angewohnheit haben alle Felder auszufüllen, kann es schnell passieren, dass auch unsichtbare Formular-Elemente mit Inhalten gefüllt werden. Dies tun normale Besucher nicht: Ein weiteres Unterscheidungsmerkmal.
Dazu muss im Formular lediglich ein unsichtbares, leeres Element hinzugefügt werden. Inzwischen haben Spam-Bots meistens schon gelernt, dass „versteckte Eingabefelder“ () besser ignoriert werden sollten. Deshalb ist es ratsamer ein ganz normales Eingabefeld () anzulegen, welches auch keinen auffälligen Namen trägt. Dieses wird dann einfach mit der CSS-Eigenschaft display unsichtbar gemacht (). Ist das Feld bei der Auswertung mit Inhalt gefüllt, steigt erneut die Spam-Wahrscheinlichkeit.

4. Kannst du rechnen?

Eine weitere beliebte Möglichkeit Spam abzufangen besteht darin, dem Besucher eine einfache Rechenaufgabe zu stellen. Das Ergebnis muss (korrekt) in ein Formularfeld eingetragen werden. Es wird bei der Auswertung überprüft. Da viele Spam-Bots immer noch nicht „rechnen“ können, ist es ein geeignetes Kriterium. Leider ist es jedoch für den Besucher mit Mehraufwand verbunden. Die Entscheidung, ob dies zumutbar ist, liegt beim Entwickler.

Auf der Formular-Seite müssen zuerst die beiden Zufalls-Zahlen und die Rechenart (Addition oder Subtraktion) ermittelt werden. Das Ergebnis wird in die Session-Variable gespeichert, die Rechnung im Formular ausgegeben.

Listing 4.1. Vorbereiten einer Rechenaufgabe

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// Session-Start
session_start();

// Ermitteln der ersten Zufallszahl
$zahl1 = rand ( 0, 20 );

// Ermitteln der zweiten Zufallszahl
$zahl2 = rand( 0, 20 );

// Bestimmen einer Rechenart (+ o. -)
// und dem entsprechenden Ergebnis
if ( $zahl1 < $zahl2 ) {
$rechenart = ' + ';
$ergebnis = $zahl1 + $zahl2;
} else {
$rechenart = ' - ';
$ergebnis = $zahl1 - $zahl2;
}

// Speichern des Timestamps in die Session-Variable
$_SESSION['spam_check_rechnung'] = $ergebnis;
?>

Listing 4.2. Ausgeben der Rechenaufgabe im Formular

1 2	<label>Bitte ausrechnen: </label><br /> <input type="text" name="spam_check_rechnung_besucher" /><br />

Die Auswertung ist nun ziemlich simpel. Auch hier könnten Spam-Punkte vergeben werden:

Listing 4.3. Auswertung der Rechnung

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

// Session-Start
session_start();
?>
[... HTML-Grundgerüst, etc. ...]

// Korrektes Ergebnis abrufen
$spam_check_rechnung = $_SESSION['spam_check_rechnung'];

// Erhaltenes Ergebnis abrufen
$spam_check_rechnung_besucher = $_POST['spam_check_rechnung_besucher'];

// Auswertung
if ( $spam_check_rechnung == $spam_check_rechnung_besucher ) {
// ggf. Meldung ausgeben
echo 'Nachricht wurde nicht als Spam eingestuft!';
} else {
// Fehlermeldung ausgeben, ggf. Punkt-Zähler entsprechend verändern
echo 'Nachricht wurde als Spam eingestuft!';
}
?>

Diese Methode funktioniert leider nicht mehr bei alle Spam-Bots, dennoch ist sie häufig noch effektiv, denn die Schwierigkeit für die Maschine besteht dabei nicht darin die Rechnung zu lösen, sondern zu begreifen, dass sie eine Rechnung lösen muss.

5. Wie heißt Max mit Vornamen?

Ähnlich der Rechenmethode (s.o.) funktioniert auch folgende (verbesserte) Methode sehr gut: Erneut muss der Besucher die richtige Eingabe machen um sich als Nicht-Spammer zu identifizieren. Nur handelt es sich nicht um eine Rechenaufgabe, sondern um eine Frage. Die Fragen sollten folgende Kriterien erfüllen:

Sie sollten…

… zahlreich sein.
… sich selbst beantworten.
… in einem Wort beantwortet werden können.
… nur eine mögliche Antwort zulassen.

Beispiele für solche Fragen:

Wie heißt Max mit Vornamen?
Welche Farbe hat ein rotes Auto?
Der Erfinder des Zeppelin erfand den Z…?
Wie viele Seiten hat ein 200-seitiges Buch?
Eine CD ist rund. Was ist eine DVD?
Weihnachten kommt der W…?
etc.

Die Schwierigkeit für die Maschine besteht hier darin, dass sie semantisch erfassen muss. Das heißt: Sie muss erst einmal die Frage verstehen. Das ist aber gar nicht so einfach.

Wie funktioniert dies nun im Detail?
Zuerst brauchen wir eine Liste mit Fragen und Antworten. Dazu verwenden wir erneut einen Array. Die Daten werden diesmal nicht in eine TXT-Datei gelegt, sondern direkt in den Array. Diesen kann man ja bei Bedarf in eine andere PHP-Datei auslagern. Auf der Formular-Seite ermitteln wir dann per Zufall eine Frage und lassen sie ausgeben. Die Antwort speichern wir in die Session-Variable. Die Frage samt Eingabefeld wird im Formular ausgegeben:

Listing 5.1. Generierung und Ausgabe einer Frage.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

// Session-Start
session_start();

// Erstellen des Arrays ( => , )

$fragen_array=array(
0 => array('Wie heißt Max mit Vornamen?', 'Max'),
1 => array('Welche Farbe hat ein rotes Auto?', 'rot'),
2 => array('Wieviele Ecken hat ein Dreieck?', 'drei'),
3 => array('Wie viele Seiten hat ein 200-seitiges Buch', '200'),
4 => array('Fridas Mofa ist gelb. Welche Farbe hat es?', 'gelb'),
);

// Ermitteln der Frage
$frage_nummer = rand( 0, count( $fragen_array ) - 1 );

// Speichern des Timestamps in die Session-Variable
$_SESSION['spam_check_frage'] = $fragen_array[$frage_nummer][1];
?>

[... HTML-Grundgerüst, etc. ...]

1 2	<label>Beantworte: [$frage_nummer][0]; ?></label><br /> <input type="text" name="spam_check_frage_besucher" /><br />

Bei der Auswertung des Formulars wird es auf Spam überprüft, indem einfach die Antwort des Besuchers mit der richtigen Antwort aus der Session-Variable verglichen wird. Vor dem Vergleich jedoch werden beide Antworten mit der Funktion strtolower() in Kleinbuchstaben umgewandelt, damit Abweichungen in Groß- und Kleinschreibung irrelevant werden:

Listing 5.2. Auswertung der Antwort des Besuchers.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

// Session-Start
session_start();
?>
[... HTML-Grundgerüst, etc. ...]

// Korrektes Ergebnis abrufen
$spam_check_frage = $_SESSION['spam_check_frage'];

// Erhaltenes Ergebnis abrufen
$spam_check_frage_besucher = $_POST['spam_check_frage_besucher'];

// Auswertung
if ( strtolower( $spam_check_frage ) == strtolower( $spam_check_frage_besucher ) ) {
// ggf. Meldung ausgeben
echo 'Nachricht wurde nicht als Spam eingestuft!';
} else {
// Fehlermeldung ausgeben, ggf. Punkt-Zähler entsprechend verändern
echo 'Nachricht wurde als Spam eingestuft!';
}
?>

Natürlich lässt sich auch dieses Beispiel noch stark ausbauen. So ist ein größerer Fragen-Katalog ebenso von Vorteil, wie mehrere Antwortmöglichkeiten (um verschiedenen Schreibweisen, etc. vorzubeugen).

6. Wo hast du eigentlich deine Augen?

Eine Abwandlung der semantischen Frage (s.o.) ist sogar noch effektiver und sicherer als selbige: Anstatt eine Frage zu stellen, muss der Inhalt eines Bilds mit nur einem Wort beschrieben werden. Auf dem Bild sollten einfache Dinge mit kurzen Bezeichnungen abgebildet sein. Außerdem sollte nur genau ein Gegenstand zu sehen sein, damit keine Verwirrung aufkommt. So könnte der Besucher zum Beispiel gebeten werden eine Birne, einen Apfel, einen Hund, ein Haus oder Millionen andere Dinge zu identifizieren.
Die technische Umsetzung funktioniert vom Prinzip her genauso, wie die der semantischen Frage (s.o.). Nur wird hier keine Frage ausgegeben, sondern ein kleiner HTML-Code um das entsprechende Bild einzubinden.

7. Doppelt hält besser?

Da Spam-Bots oft die Angewohnheit haben Felder, von denen sie nicht wissen, was das Script an Inhalten erwartet, einfach mit irgendwelchen Links zu füllen, kommt es auch oft vor, dass solche Felder mit den gleichen Inhalten gefüllt werden. Es lohnt sich also, alle Eingabefelder auf doppelten Inhalt zu prüfen. Wurden mehrere Eingabefelder identisch ausgefüllt, handelt es sich wohl um einen Spam-Bot. Auch hierfür könnten bei Bedarf wieder Spam-Punkte vergeben werden.

8. Captcha im Eigenbau

Leider werden die Spam-Bots immer besser. Um dieser Entwicklung entgegen zu treten, muss man sich schon tolle Dinge einfallen lassen. Die oben beschriebenen Methoden sollten in Kombination in den meisten Fällen hinreichend sein. Um die Sicherheit noch weiter zu steigern, bieten sich sog. Captchas³ an. Das sind kleine Grafiken, welche eine Zeichenkombination abbilden, welche der Besucher abtippen muss. Das ist im Prinzip auch eine gute Idee. Leider hat sie bei den meisten Umsetzungen einige Nachteile:

Da Spam-Bots die Fähigkeit entwickeln die Codes solcher Grafiken auszulesen, werden dies immer abstrakter und unlesbarer.
Damit der Code nicht mit einem Wörterbuch abgeglichen werden kann, werden nur noch zufällig generierte Buchstaben- und Zahlenkombinationen verwendet.
Daher empfinden die Besucher empfinden sie schnell als lästig.

Diese Nachteile kann man aber auch recht einfach beseitigen oder zumindest abschwächen:

So sollte ein Bild nicht verunstaltet werden, nur damit man die Schrift nicht mehr lesen kann. Dann sollte man lieber eine ausgefallenere Schriftart nehmen. Bunte Sterne, Hintergründe und Linien sind ebenfalls hinderlich. Sie erhöhen zwar die Sicherheit, schrecken dafür aber Besucher ab, wenn sie nicht zum Design passen oder zu viel Zeit beanspruchen.
Zufällig generierte Codes müssen nicht wie Kauderwelsch klingen: Zahlen kann man eigentlich weglassen, denn ob 26 oder 36 Zeichen zur Auswahl stehen macht auch keinen besonders großen Unterschied mehr. Werden nur Buchstaben verwendet, kann man schön-klingende Phantasie-Wörter generieren indem man Konsonanten und Vokale abwechselt. Das vermindert die Sicherheit zwar ein wenig, aber auch das nur unter der Voraussetzung, dass der Spam-Bot auf so etwas programmiert wurde.
Wie oben bereits angesprochen können auch Bilder von Gegenständen, die es zu benennen gilt, als Captchas verwendet werden, denn solch eine Aufgabe setzt eine hohe Rechenleistung des Spam-Bots voraus. Vergessen wir nicht, dass das menschliche Gehirn ein Meister das abstrakten Denkens ist.
Auch könnte man die langweiligen Codes durch die oben beschriebenen Fragen ersetzen. Dann steht der Spam-Bot nämlich nicht nur vor dem Problem die Frage „Wie heißt Max mit Vornamen?“ zu beantworten, sondern diese auch erst mal zu lesen.

Nun wollen wir ein ganz simples Captcha basteln und es mit unseren Fragen (s.o.) kombinieren. Dazu verwenden wir die Bordmittel PHPs und ein angepasstes Formular. Die Grafiken werden „on-the-fly⁴“ generiert. Dazu benötigen wir ein zusätzliches PHP-Script, welches als Grafik (mit Image-Tag) in das HTML-Formular eingebunden wird und die richtige Lösung in die Session-Variable schreibt:

Listing 8.1. Generierung eines Captchas

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

// Session-Start
session_start();

// Senden des Headers
header( "Content-type: image/png" );

// Erstellen des Arrays ( => , )
$fragen_array = array(
0 => array('Wie heißt Max mit Vornamen?', 'Max'),
1 => array('Welche Farbe hat ein rotes Auto?', 'rot'),
2 => array('Wieviele Ecken hat ein Dreieck?', 'drei'),
3 => array('Wie viele Seiten hat ein 200-seitiges Buch', '200'),
4 => array('Fridas Mofa ist gelb. Welche Farbe hat es?', 'gelb'),
);

// Ermitteln der Frage
$frage_nummer = rand( 0, count( $fragen_array ) - 1 );

// Abspeichern der Frage
$frage = $fragen_array[$frage_nummer][0];

// Speichern der Antwort in die Session-Variable
$_SESSION['spam_check_frage'] = $fragen_array[$frage_nummer][1];

// Generieren der Grafik (400x30)
$grafik = imagecreate( 400, 30 );

// Hintergrund der Grafik weiß machen
imagecolorallocate( $grafik, 255, 255, 255 );

// Text-Farbe generieren (Schwarz)
$text_farbe = imagecolorallocate( $grafik, 0, 0, 0 );

// Text ausgeben. Parameter:
// Variable der Grafik
// Schriftgröße
// Abstand zum linken Rand
// Abstand zum oberen Rand (Ausrichtung wird so berechnet, dass die Schrift
// mittig steht)
// Text
// Farbe des Schriftzugs
ImageString ($grafik, 4, 20, ceil( 15 - ( imagefontheight( 4 ) / 2 ) ), $frage,
$text_farbe);

// Grafik ausgeben (im PNG-Format)
imagepng( $grafik );
?>

Das Formular ist im Prinzip das gleiche wie in Listing 5.1. Nur wird die Frage nicht dort, sondern in der Datei captcha.png.php generiert. Diese wiederum wird eingebunden:

1
2
3
4

Die Auswertung bleibt unverändert (siehe Listing 4.2).

Mithilfe solcher Captchas ist man nun einen ganzen Schritt weiter. Natürlich lässt sich diese Methode aber noch stark ausbauen.

Instant-Lösungen

Im Bereich Spam-Abwehr gibt es viele Angebote. Besonders wenn es um Captchas geht. Die interessantesten Lösungen sind folgende:

1. Die wohl bekannteste Lösung lautet reCaptcha (Website: www.google.com/recaptcha). Es handelt sich dabei um ein System, welches von Google übernommen und fortgeführt wurde. Google scannt alte Bücher und Zeitschriften ein. Die einzelnen Wörter landen in einer riesigen Datenbank. Wird ein reCaptcha aufgerufen, bekommt der Besucher zwei Wörter zu sehen und muss sie abtippen. Das Besondere: Die Antworten werden gespeichert. Die einzelnen Wörter werden mehrmals von verschiedenen Besuchern abgetippt. Die Antwort, die am häufigsten gegeben wird, akzeptiert Google dann als „richtig“. Auf diese Weise werden wahnsinnig viele Captchas generiert und alte Zeitschriften digitalisiert. Diese Methode gilt als sehr effektiv und sicher. Allerdings ist die Integration in die eigene Website nicht unbedingt für „blutige Anfänger“ geeignet. Erfahrenere Programmierer sollten damit aber keine Probleme haben. Außerdem besitzt das reCaptcha ein recht auffälliges und platz-einnehmendes Aussehen. Das kann man zwar anpassen, aber das wiederum ist mit nicht wenig Arbeit verbunden. Alles in Allem eine der besseren Lösungen.
2. Eine weitere sehr schöne Captcha-Lösung ist SecureImage von www.phpcaptcha.org. Die Grafiken sind simpler und die Integration in die eigene Website ein wenig einfacher als bei anderen „Instant“-Lösungen.
3. Einen sehr interessanten Ausblick bietet www.animierte-captcha.de. Vor den Captchas „tanzen“ Symbole und Grafiken herum, sodass der Schriftzug nie vollständig zu sehen ist: Eine zusätzliche Herausforderung für einen Spam-Bot.

Diese „Instant“-Lösungen sind meistens schneller eingebaut als die eigenen Methoden. Außerdem sind sie in der Regeln doch deutlich sicherer und durchdachter. Dafür lassen sie sich nicht so leicht anpassen oder in das Design eingliedern. Auch handelt es sich (wie bei den Beispiele auch) fast immer um Captchas. Betrachtet man die oben beschriebenen Methoden, muss man sich allerdings fragen, ob man seine Besucher wirklich mit so etwas belästigen muss.

Erweiterungen für Content-Management-Systeme

Besonders komfortabel lebt man, wenn man ein CMS⁵ für seine Website verwendet, denn für diese gibt es eigentlich immer Erweiterungen, Plugins oder Addons. Mit diesen lassen sich die Spammer schon deutlich einfacher ausschalten.

Eine kurze Übersicht hier:

WordPress:

Akismet (Standard)
Block Spam By Math Reloaded (Schützt das Backend)
Peter’s Custom Anti-Spam (Sehr umfangreich)

Joomla

EasyCalcCheck PLUS
Core Design Captcha plugin
Akismet
XIJC

Contao (ehemals TypoLight):

honeypotForm (sehr schlicht)

Typo3:

TIMTAB Bad Behavior
SFP Anti SPAM
Simple Captcha

Schutz einer Email-Adresse vor Crawlern

Da in dem Impressum jeder Website eine gültige Email-Adresse stehe muss, ist dies ein beliebter Angriffspunkt für Email-Crawler⁶. Diese lesen die Adresse aus und speichern sie in ihre Datenbank. Wie von Zauberhand landet dann Spam im Posteingang. Um dies zu verhindern gibt es wahnsinnig viele Methoden. Einige besser, andere schlechter:

Kodierung der einzelnen Zeichen: Jedes Zeichen wird in den entsprechenden HTML-Sonderzeichencode umgewandelt. Das ist die beliebteste Lösung. Leider auch die mit am wenigsten effektive, denn die Crawler sind schon lange in der Lage diesen Trick zu durchschauen.
Einbinden als Grafik: Effektiver, jedoch leider auch nicht besonders ansehnlich und total „Copy-&-Paste“-unfreundlich. Die Adresse wird als Grafik gespeichert und eingebunden. Nicht optimal.
Maskieren der Adresse: Das @ wird durch Zeichenfolgen wie „ät“, „at“, „[at]“, etc. ersetzt. Doch auch das können die Crawler mittlerweile ganz gut durchschauen.
Aus zwei mach’ eins: Dabei handelt es sich um einen kleinen HTML-Trick. Es werden zwei Email-Adressen hintereinander gesetzt. Jede für sich ist nicht existent (bzw. totaler Quatsch). Streicht man jedoch den letzten Teil der ersten Adresse und den ersten Teil der letzten Adresse, entsteht aus dem Rest eine dritte: Die richtige. Alles was man tun muss, ist also mittels CSS die Teile dazwischen auszublenden. Beispiel:

1
2
3
4

heinz

@nichtvorhanden.de gibtesnicht
@mueller.info

In diesem Beispiel sind die Adressen heinz@nichtvorhanden.de und gibtesnicht@mueller.info falsch. Lediglich die Kombination von beiden ist richtig: heinz@mueller.info.

Anregungen

Der Kreativität sind fast keine Grenzen gesetzt, geht es um die Spam-Bekämpfung. Lediglich die technischen Mittel binden den Programmierer an einen Rahmen. Dennoch sind weder alle Möglichkeiten Mensch und Maschine zu unterscheiden hier erklärt worden, noch sind sie ausgeschöpft. Alle Mechanismen lassen sich verbessern. Alle sind absolut ungesichert gegen Attacken (XSS und Co.). Alle Methoden einzubauen ist momentan auch noch viel Arbeit. Eine Klasse dafür zu schreiben wäre also von Vorteil und würde auf längere Sicht viel Aufwand ersparen. Kurzum: Auf geht’s!

Nachwort

Den Spam werden wir wohl nie ganz besiegen, doch mit geschickten Überlegungen lässt sich viel erreichen. Ich hoffe, ich konnte mit diesem Artikel einen Einstieg in das Thema bieten und zum Weitermachen anregen. Denn ausgereift sind die Scripte noch lange nicht.

Im Internet
http://www.google.com/recaptcha/ – reCaptcha-Website
http://www.phpcaptcha.org/ – Website des SecureImage-Projekts
http://www.animierte-captcha.de/ – Website der animierten Captchas
http://www.drweb.de/magazin/sichere-formulare-teil-4-spam-bots-masregeln/ – Ein Artikel zum Thema vom Dr. Web-Magazin
http://de.wikipedia.org/wiki/CAPTCHA – Wikipedia-Artikel zum Thema Captcha
http://www.bizeps.or.at/news.php?nr=8627 – Sehr unterhaltsamer Beitrag zum Thema Captcha und Benutzerfreundlichkeit von Peter Purgathofer

Was ist eigentlich der Turing-Test?
Der Turing-Test wurde 1950 von Alan Turing entwickelt, um festzustellen, ob eine Maschine ein Denkvermögen haben kann, dass dem des Menschen ähnelt. Oft wird dieser Begriff auch mit dem Stichwort „Künstliche Intelligenz“ in einem Atemzug genannt. ↩
Was ist Leet-Speak?
Leet-Speak leitet sich ab von dem englischen Begriff „elite“ (Elite) und „speak“ (Sprache). Es bezeichnet das Ersetzen von Buchstaben durch ähnlich aussehende Zahlen oder auch Sonderzeichen. So wird auch oft nur von „1337“ gesprochen, was „leet“ in „Leet-Speak“ bedeutet. Die 1 steht dabei für das L, die 3 für das große E und die 7 für das T. Ursprünglich wurde diese Substitutions-„Chiffre“ verwendet um heikle Emails vor dem automatisierten Abhören zu schützen. Heute findet es oft im Gamer-Bereich Anwendung. ↩
Was sind eigentlich Captchas?
Der Begriff „Captcha“ kommt aus dem Englischen und ist ein Akronym für „Completely Automated Public Turing test to tell Computers and Humans Apart“ („Vollautomatischer öffentlicher Turing-Test zur Unterscheidung von Computern und Menschen“). Ein Captcha ist meist eine Grafik, die ein verzerrtes Wort oder einen Code abbildet, der vom Besucher abgetippt werden muss, um zu beweisen, dass er selbst kein Spam-Bot ist. ↩
Was bedeutet noch gleich „on-the-fly“?
Der Begriff „on-the-fly“ heißt im Bezug auf durch PHP generierte Grafiken, dass diese bei einem Aufruf durch einen Benutzer jedes mal neu erstellt werden müssen. Das heißt, sie können immer wieder anders aussehen. „On-the-fly“ bezeichnet also sozusagen den Moment zwischen Verlassen des Servers und der Ankunft beim Browser (auch wenn dies nicht ganz richtig ist). ↩
Wofür steht nochmal „CMS“?
Ein CMS ist ein Content-Management-System (Inhalt-Verwaltungs-System). Es wird auf dem Webserver installiert und verwaltet Inhalte, Design und Struktur der Website sehr komfortabel. Die großen verfügen über eine Benutzerverwaltung, hunderte Erweiterungen und viele zusätzliche Funktionen. Große Websites kommen um ein CMS kaum noch herum. ↩
Worin besteht eigentlich der Unterschied zwischen Spam-Bot und Email-Crawler?
Ein Spam-Bot durchsucht Websites nach Formularen, füllt sie aus und versucht so Backlinks für eine Website zu generieren oder Schadsoftware zu verteilen. Ein Email-Crawler such im Internet nach Email-Adressen und sammelt sie um später Spam zu verschicken. ↩

Tab-Menü und ein paar wirklich knifflige Fragen

compufreak — Wed, 19 Jan 2011 20:55:43 +0000

Vielleicht kennt das der Eine oder Andere? Wenn man sich gut mit etwas auskennt, fangen die Leute irgendwann an, Fragen zu stellen. Diese Fragen sind manchmal dumm und irgendwann fangen sie an, zu nerven. An dieser Stelle scheiden sich die Geister. Einige werden sowas antworten wie:

“Read the fucking Manual!”

oder

“http://www.googleisyourfriend.com/”

oder weitere unschöne, unfreundliche und doofe Bemerkungen. Damit haben sie manchmal auch echt recht, aber die Anfänger haben es schließlich auch nicht immer leicht. Wenn man keine Ahnung hat. Wo soll man denn dann anfangen? Die ersten Fragen sind halt dumm. Das ist so.
Die netten Leute ( so wie ich ) antworten dennoch freundlich und sind hilfsbereit, auch, wenn die Leute es einfach nicht checken. Deshalb sind sie die Anfänger und ich der Erfahrenere. Ich stelle ja selbst dumme Fragen. Jeden Tag! Und so, wie vermutlich Jeder dieses Problem kennt, kennen bestimmt auch viele die andere Seite:
Was, wenn mal jemand eine gute Frage stellt? Eine Frage, die in der Tat so gut ist, dass man sie selbst nicht beantworten kann! Was zum Beispiel, wenn jemand nach dem Sinn des Lebens fragt? Was dann? Die Antwort ist so simpel wie genial: Nachforschen! Auch wenn es 7 1/2 Millionen Jahre dauert
Ein Kerl aus irgendeinem nicht ganz so tollen Forum hat irgendwann mal auf die Frage “Woher weißt du das eigentlich alles?” geantwortet: “Die meiste Zeit löse ich die Probleme anderer Leute. Daran lernt man besonders gut!”. Er hatte recht. Er hatte absolut recht. Ich lerne etwas viel gründlicher und viel effektiver, wenn ich vorher absolut keine Ahnung habe, was ich da eigentlich tue!
Die beste Methode, etwas zu lernen, ist sich in diesem Bereich ein Ziel zu setzen, von dem Andere behaupten, dass man es sowieso nicht erreichen wird. Dann verdammt nochmal lernt man eine ganze Menge.
In diesem speziellen Fall hat Dominik mir eine sehr knifflige Frage gestellt. Er wollte für seine Seite eine Art Tab-Menü erstellen. Drop-Down-Menüs kennt sicher Jeder, aber Tab-Menüs waren eine Herausforderung für mich. Bis vor wenigen Tagen hätte ich nicht gedacht, dass so etwas technisch ohne absolute Positionierung oder JavaScript überhaupt möglich ist. Nun habe ich es realisiert und meine Ergebnisse anschaulich in einem Tutorial zusammengefasst.

Ihr findet es hier: http://www.compufreak.info/tutorials/tab-menu-ohne-javascript/

Also: Lasst mich Eure Meinung zum Tutorial und Erfahrungen bezüglich dummen oder kniffligen Fragen wissen!

Echt Webdesignen: Teil 56 – 62

compufreak — Wed, 29 Dec 2010 14:24:58 +0000

So, da bin ich mal wieder.
Ich weiß, es sieht so aus, als würde ich in den Ferien auf der Faulen Haut liegen, aber das stimmt nicht!
Ich habe viel zu tun. Schließlich möchte ich das Echt-Webdesignen-Projekt Januar nächsten Jahres abschließen. Allerdings fehlen noch ca. 2-3 Stunden Video, ca. 80-100 Seiten eBook, sämtliche Übungsaufgaben samt Lösungen und das Poster mit allen HTML5-Elementen ist grad’ mal zur Hälfte fertig. Ich arbeite also auf Hochtouren und muss nebenbei noch für Schule und Theater lernen. Wie auch immer.

Ich wünsche Euch viel Spaß mit den neuen Videos.
Ihr findet sie wie immer im Vodcast-Bereich oder auf meinem YouTube-Kanal.

Echt Webdesignen: Teil 48 – 55

compufreak — Mon, 13 Dec 2010 15:32:14 +0000

Juhu,
ich habe endlich die 50 geknackt. Nun umfasst mein Kurs ‘Echt Webdesignen’ ganze 55 Videos mit insgesamt 8 Stunden und 33 Minuten Länge. Leider konnte ich die Videos mangels Zeit und Gesundheit nicht schon wie geplant gestern veröffentlichen sondern erst heute… naja. Passiert halt.
Auch habe ich heute nicht nur die 50-Video-Marke geknackt, sondern zusätzlich über 60 Abonnenten auf YouTube erreicht. Das ermunterte mich dann auch, mal meinem Kanal ein schöneres Antlitz zu verleihen. Sieht jetzt deutlich besser aus, oder?
Alles in Allem also ein recht sehr erfolgreicher Tag, oder?

Interessant war auch, dass YouTube mich bei einem Video plötzlich darauf hinwies, dass ich nun auch Videos hochladen darf, die länger sind als 15 Minuten. Ein bisschen Googlen bestätigte meine Vermutung, dass ich nicht der Einzige war, der diese Nachricht erhielt. Es gehen sogar Gerüchte um, nach denen YouTube die Beschränkung der Länge ganz aufheben will. Das wiederum finde ich persönlich nicht so toll. Ich meine wo ist dann noch der Vorteil YouTube-Partner zu sein? Das nützlichste geht doch dadurch verloren!

Die neuen Videos findet ihr wie immer im Vodcast-Bereich oder auf YouTube!
Abonniert mich und habt Spaß!

lg,
compufreak

Echt Webdesignen: Teil 42 – 47

compufreak — Sun, 28 Nov 2010 18:50:21 +0000

Ich war sehr fleißig heute und habe es geschafft gleich 6 neue Videos fertig zu machen.
Das ist auch nötig, denn ich würde das Echt-Webdesignen-Projekt eigentlich gerne zum 1. Januar abschließen und dann richtig die Werbetrommel rühren. Auf meinem Plan stehen aber noch weitere 30 Videos, ein großes Plakat, ein eBook und ein Übungsheft…
Nun sind dazwischen aber noch Ferien… wird schon werden, gell?

Die neuen Videos findet ihr in meiner Playlist auf YouTube oder natürlich im Vodcast-Bereich!

Der Artikel über die portablen Programme folgt hoffentlich morgen.

Echt Webdesignen: Teil 39 – 41

compufreak — Sun, 21 Nov 2010 13:42:23 +0000

Hallo,
wie Einige bereits bemerkt haben könnten, habe ich meinen Vodcast-Bereich (erreichbar unter ‘Vodcast’ (oh Wunder!)) ein wenig ganz doll aufpoliert. Vorher war dort eine Liste mit allen Folgen vorhanden. Diese Liste war blöd. Nun befindet sich da eine Liste mit allen Vodcast-Reihen. Momentan ist da nur die ‘Echt-Webdesignen’-Reihe aufgeführt, aber weitere Reihen sind in Planung. Die Liste ist grafisch schöner geworden. Es gibt nun zu jeder Reihe ein ‘Cover’ und eine kurze Beschreibung. Klickt man auf das Cover, gelangt man zur Folgen-Übersicht. Dort werden alle Folgen säuberlich, grafisch schön, übersichtlich und mit Cover angezeigt. Klickt man dort auf ein Cover, kann man die Folge direkt auf meiner Website sehen. 720p sind bereits eingestellt. Damit für die Videos genügend Platz ist, habe ich das Menü aus den Vodcast-Seiten entfernt. Unter jedem Video befindet sich eine Beschreibung, jeweils ein Vor- und Zurück-Button und ein Download-Link.
Ich hoffe, ich mache das Angebot auf meiner Seite damit noch schöner und einfacher als bisher. Schließlich müssen die Leute nun nicht mehr auf YouTube nach dem nächsten Video suchen. Was übrigens nicht heißt, dass ich nicht immer noch Abonnenten suche

Neben den Änderungen an den Vodcast-Seiten habe ich es endlich geschafft eine Seite mit Links einzurichten. Dort befinden sich demnächst Banner meiner Partnerseiten, befreundeter Seiten und Links zu themen-relevanten Websites. Die Links werden mit der Zeit erweitert und umfangreicher gestaltet. Da sollte man von Zeit zu Zeit vielleicht mal vorbeischauen.

Nun gab es wegen diesen Änderungen die ganze vergangene Woche nichts neues. Dafür gibt es heute besagte Änderungen, die sich jeder mal ansehen sollte und drei neue Videos.
Diese sind natürlich im neu gestalteten Vodcast-Bereich zu finden.
Viel Spaß dabei!

Echt Webdesignen: Teil 36 – 38

compufreak — Sun, 07 Nov 2010 18:14:23 +0000

Hallo, zusammen,
ich habe soeben Teil 36, 37 und 38 freigegeben.

Teil 36
ist die Fortsetzung von Teil 35. Es geht also immer noch um die Vorführung einer kleinen 20-Minuten-Website mit div-Elementen.

Teil 37
zeigt noch ein paar weitere Div-Attribute. Damit habe ich immer noch nicht alle erklärt, die wichtigsten sollten aber dann bekannt sein

Teil 38
erklärt endlich die CSS-Dateien, wie man sie nutzt, warum sie so cool sind und wie man sie einbinden kann.

Bis nächste Woche,

compufreak

Echt Webdesignen: Teil 34 + 35

compufreak — Wed, 27 Oct 2010 20:15:54 +0000

Neues aus meiner Video-Werkstatt:
Teil 34 geht nochmal näher auf die beiden Attribute padding und margin ein. Dazu habe ich eine kleine Grafik gebastelt. Sie ist jetzt nicht sooo toll, aber sie erfüllt ihren Zweck. In Teil 35 erstelle ich ein simples 10-Minuten-Design mit static-positionierten div-Elementen, ein paar Überschriften und ein bisschen Text. Der Inhalt und das Aussehen spielen keine Rolle. Es geht nur darum, zu zeigen, wie man jetzt mit den vorhandenen Techniken ein simples Design erstellen könnte.

Die beiden Videos gibt es wie immer in meiner Übersicht, meinem Channel oder über diese Links:
Teil 34
Teil 35

Morgen gibt es hoffentlich einen schönen Beitrag in Text-Form.
Bis dahin,
compufreak

Warum ich JavaScript HASSE!

compufreak — Sat, 23 Oct 2010 18:54:04 +0000

In einigen Videos oder Artikeln ist vielleicht schon aufgefallen, das ich JavaScript nicht so toll finde. Eigentlich kann ich es nicht leiden. Genau genommen halte ich es für eine der dümmsten Erfindungen der Menschheit. Gleich hinter der Erfindung des viereckigen Rades und Bluetooth. Mit dieser Meinung bin ich nicht der einzige. Ich finde JavaScript ist unter anderem deswegen verabscheuungswürdig, weil es ständig und am laufenden Band gegen seine eigene Prinzipien verstößt. Das Ziel, welches jeder Webdesigner verfolgt, wenn er JavaScript verwendet, besteht entweder darin, dass er seine Besucher ärgern will, oder darin, dass er seiner Website eine gewisse Eleganz verleihen will. Letzteres ist der wohl wichtigste Aspekt JavaScripts. Leider ist JavaScript selbst so unelegant wie Kuhfladen. Dieser Sprache mangelt es an allem, was ihr ein vernunftbegabter Programmierer hätte beibringen sollen.

Ich denke, man kann ohne Scheu sagen, dass ca. 90% aller JavaScript-Codes eine frappierenden Hang zur Selbstbefriedigung haben. Andauernd muss man Umwege gehen, weil es einfach – schlicht und ergreifend – keinen direkten, eleganten und schnellen Weg gibt.

Der Umgang mit Variablen in JavaScript ist seit Jahren verstümmelt, daran hat man sich zu gewöhnen. Auch fehlen JavaScript Möglichkeiten, für richtige Klassen, OOP und Vererbung.
Auch wenn viele Leute das anders sehen, bleibe ich bei meiner Ansicht:
JavaScript fehlt es einfach an Macht!

Und als ob all das noch nicht genug wäre, gibt es noch nicht einmal eine anständige IDE für JavaScript. Debugger sind ebenso ein Fremdwort. Fehlersuche in JavaScript gleicht einer Nadel im Heuhaufen.
JavaScript ist damit weder Entwickler-, noch Benutzerfreundlich. Beiden Gruppen bereitet es viel Ärger.

Ein weiterer Punkt sind diese unsäglichen Frameworks. Diese gibt es wie Sand am Meer. Leider lassen sie sich dank mangelnder Einheit schlecht kombinieren oder überhaupt anwenden. Leider bin ich außerdem oft gezwungen sie dennoch zu kombinieren, weil es einfach keins gibt, was wirklich alles kann, was ich brauche.

JavaScript kann man gut mit einem Auto vergleichen. Ein Auto, an dem zwei Räder fehlen. Dummerweise sind dies immer genau die Räder, welche das Auto antreiben sollten. Fenster sind zwar vorhanden, lassen sich aber nicht öffnen. Nicht, weil es keine Kurbel dafür gäbe, sondern eher, weil sie zugeklebt wurden. Auch hat das Auto natürlich eine Windschutzscheibe. Diese besitzt es jedoch nicht, um die Insassen vor Wind zu schützen, sondern viel mehr, um sie mit ihrer innen angebrachten Tönung am hinausschauen zu hindern. Blinker sind natürlich eingebaut, jedoch funktionieren diese nur Sonntags, wenn das Auto sowieso nur in der Garage steht. Der Kofferraum des Autos ist immer genau so groß, dass das, was man nützliches hineinpacken will am Ende nicht passt und hinten übersteht. Da das Verkehrsamt einen so nicht fahren lassen möchte, muss es schließlich abgeschnitten werden. So hat man vielleicht mal nur einen halben Stuhl, wenn man zuhause ankommt.

Nun gibt es natürlich Leute, die so einen Artikel gar nicht gerne lesen. Ein Argument wäre zum Beispiel, dass eine Website wie YouTube ohne JavaScript gar nicht denkbar wäre. Natürlich wäre eine Website in dieser Form nicht denkbar. Aber in einer sehr Ähnlichen sehr wohl. Es gibt Mittel und Wege, komplett auf JavaScript zu verzichten. Sie sind vielleicht gelegentlich ein wenig umständlicher… dafür funktionieren sie bei mehr als 30% der Benutzer so, wie sie es sollten. (Als Beweis könnt ihr ja mal den Einbetten-Code eines YouTube-Videos durch einen Validator laufen lassen Ihr werdet ein kleines Wunder erleben…)

Ich denke, dass wir als Webdesigner es unseren Besuchern einfach schuldig sind, auf eine so unsichere, umständliche, unelegante und uncoole Sprache zu verzichten.

Nun bin ich aber mit meiner Meinung leider nicht allein auf der Welt. Was denkst du?

Echt Webdesignen: Teil 33

compufreak — Thu, 21 Oct 2010 20:42:19 +0000

Gerade habe ich den 33. Teil meiner Reihe ‘Echt Webdesignen’ freigegeben. Außerdem habe ich die neue Einleitung eben dieser Reihe fertiggestellt. Nun kann man auf die drei Schaltflächen am Ende des Videos gelangen. Sie führen zu einem ebenfalls neuen Video, welches meine Seite kurz vorstellt oder zu dem Video ‘Einstieg in den Umstieg auf HTML5‘ oder zum nächsten Teil des Tutorials.
Alles in allem bin ich recht zufrieden mit mir. Alle meine Projekte bewegen sich fort. Nicht alle in derselben Geschwindigkeit. Das ist sogar gut, denn sonst wären sie ja alle langsam… aber wenigstens bei einigen gehts schneller voran. Sogar das XL-HTML5-CheatSheet entwickelt sich prächtig. Ich werde es noch vor Ende der Woche veröffentlichen können.

Morgen ein Artikel über meine Einstellung zu JavaScript.