Webdevelopement

Webdevelopement — 15 Comments
25
Nov 04

Kampf dem Kommentarspammer

Achtung! Dies ist die Anleitung für den Einbau von Trencaspammers in WP 1.2, für den Einbau in 1.5 lest bitte hier nach. ;)

Ist bei mir ja eigentlich nur einer, der alles verseucht. Um zu verhindern, dass sein Roboter mein Blog(s) zuspammt habe ich mich durch den Artikel Combat Comment Spam schlau gemacht und mich gleich weiterleiten lassen zu der italienischen Seite Coffelius Blog, dessen Besitzer ein Captcha-Hack für WordPress, Trencaspammers, entwickelt hat, oder vorstellt?? So genau kann ich das nicht sagen, da ich kein italienisch kann ^-^ - das ist doch italienisch ? -.-'' *hektisch umschau* - *im Boden versinkt* ok, spanisch *mehr im Boden versinkt* auf jeden Fall ein tolles Plug-in!!.
Was ist ein Captcha? Captcha ist ein Überbegriff für Systeme die mit Codes arbeiten, die man eingeben muss, bevor man ein Formular abschicken kann. Der Code wird von einem Script als Bild generiert und muss dann abgelesen und in ein Feld eingegeben werden. Eine recht gute Methode gegen Roboter, denn die können keine Bilder lesen ^-^.
Wie funktioniert Trencaspammers? Glücklicherweise gibt es ein englisches Readme, aber selbst ohne wäre es möglich dieses Plug-In einzurichten.

  1. Backup von wp-comments.php und wp-comments-post.php falls ihr das Plugin irgendwann nicht mehr braucht
  2. Hochladen der wp-comments.php & wp-comments-post.php aus dem Hack-Pack ins Hauptverzeichnis
  3. Hochladen der Datei trencaspammers.php nach wp-content/plugins/
  4. Unter WordPress-Admin - Plugins das Plugin trencaspammers aktivieren

Und das war es schon ^-^. Falls ihr jetzt kein Bild seht, müsst ihr noch einen Pfadnamen ändern. Das macht ihr im Quelltext der neuen wp-comments.php-Datei. In Zeile 84, innerhalb des 'coffelius was here'-Bereichs, wird das Codebild aufgerufen. Dort müsst ihr dafür sorgen, dass der richtige Pfad angegeben ist.
<img src="http://www.deinedomain.de/wp-content/ plugins/trencaspammers.php? ts_random=<?php print $ts_random; ?>">
Dann sollte es eigentlich funktionieren ;).

Nachtrag Bin ich gerade drüber gestolpert. Ein interessanter Artikel über Captchas von Galileocomputing.

Nachtrag 2 Die Beschreibung im Formular ist ja auf spanisch. Den Text könnt ihr in der Datei wp-comments.php in Zeile 88 ändern:
<label for="ts_code"><?php _e("Sicherheitscode eingeben"); ?></label>

mehr zu Trencaspammers Trencaspammers & WordPress 1.5, Trencaspammers, die Zweite, Trencaspammers, Farben anpassen

Webdevelopement — Kommentare deaktiviert für Farbenspiele - nützliche Onlinetools
20
Nov 04

Farbenspiele - nützliche Onlinetools

Farbe spielt ja eine wichtige Rolle in unserem Leben ;) - meistens. Für Webbastler gibt eine Menge praktischer Seiten, die einem bei der Farbauswahl oder dem Farbzusammenspiel helfen.
Praktisch ist z.B. Color Scheme Generator 2 [via mynethome]. Wer sich lieber selbst ein Schema zusammenbasteln mag und es direkt online testen möchte, kann bei ColorPicker" vorbeischauen. Eine Standartseite ist color match 5k, irgendwie scheint sie mit dem Füxchen allerdings nicht zu funktionieren. Schade. Dafür wird auf dieser Seite noch zu weiteren Seiten verlinkt. ^-^ Basierend auf color match 5k gibt es eine Seite, die 6 passende Farben anbietet. Color Schemer Online 2 bietet noch einmal andere Manipulationsmöglichkeiten eines Farbschemas. Braucht man mal eben Farben und die passenden Hex-Werte, bietet sich ein Besuch des 4096 Color Wheels an ^-^. Schön ist dort, dass man sowohl den Farbkreis zur Auswahl benutzen kann, als auch einen 'Farb-Kontrast-Kasten' ^-^'' Wie heißt diese Art der Darstellung eigentlich?. Eine letzte Seite auf der man ähnlich zu Color Match 5k Farbschemen erstellen kann ist Colormixers.

Webdevelopement — 2 Comments
07
Nov 04

css - Browserkompatibilität und Positionierung

Meine Liste in den Bookmarks wird immer länger. ^-^'' Dabei sind da ein paar interessante Dinge dabei und das schon seit längerem. So eine Css Browser Kompatibilitäts Tabelle von corecss, einer interessanten Seite zu dem gleichnamigen Buch. Brainjar kümmert sich hingegen um Positionierung mit CSS, etwas, womit ich mich schon häufig herumgeärgert habe, da wirklich jeder Browser anders reagiert. *grr* Habe ich mal erwähnt, dass im Firefox, wenn ein Layer über einem anderen Layer liegt, die Links im unteren Layer nicht mehr angesprochen werden können, selbst wenn man sie sehen kann (der Lobere Layer also von der Farbe her nur ein transparentes Etwas ist)? Finde ich nervig, denn mit dieser Methode könnte man den 1-Pixel unterschied in absoluten Weiten zwischen dem IE und dem Füchschen ausgleichen. *grr*

Nun ja, es gibt ja auch glücklicherweise Menschen die es beherschen, ihre Seite mit CSS richtig schön zu gestalten. Neben dem bekannten Css-Zengarden habe ich die Seite Cssbeauty entdeckt. Dort werden schöne Designs 'ausgestellt'. Eine ähnliche Seite ist Stylegala.com, auch hier werden schöne Designs, die mit css verwirklicht wurden, vorgestellt.

Mehr ein Portal für alles mögliche, was mit Internet und Design zu tun hat ist netdiver.net.

Definitiv ein 'Designlinkportal', wie sie selbst schreiben, ist das bekannte Visuellerorgasmus. Hier muss ich aber Kritik üben. Arbeiten mit Graphiken und gut gestalltete Internetauftritte sind für mich zwei paar Schuhe, man kann sie zwar nicht immer trennen, aber ein einzelner Schuh muss auch noch gut aussehen. Ich habe den Anspruch, dass eine Seite auch ohne Bilder noch einigermaßen anständig zu genießen ist. Das ist bei VisualOrgasm definitiv nicht der Fall (siehe Bild). Mit Bildern sieht es aber ganz gut aus ;) und das Aussehen ändert ja auch nichts am Inhalt und der ist auch nicht zu verachten. Und jedem, der nicht mit einem 56k Modem unterwegs ist, fällt es wahrscheinlich auch gar nicht auf, dass die Seite ohne Bilder grottenschlecht ist.

Webdevelopement — Kommentare deaktiviert für Freefonts, CSS und Webdesign
30
Okt 04

Freefonts, CSS und Webdesign

Mal wieder etwas zum Thema Webwork. Als ich auf der Suche nach zwei drei Schriften war, die mir im Laufe der Jahre abhanden gekommen sind, bin ich auf drei recht umfangreiche Freefont-Seiten gestoßen. Die erste Fonts for Kids richtet sich eigentlich an unsere kleinen Mitmenschen. Nichts desto trotz ist die Auswahl groß und auch für unsereins zu gebrauchen ^-^. Die zweite Seite, die sich hervorgetan hat, und zwar durch eine enorme Auswahl, ist Fonts.goldweb.it. Der einfache Aufbau der Seite lässt gar nicht vermuten, dass es sich um eine italienische Seite handelt. Sie besticht durch eine klare Navigation und, naja, den Umfang habe ich ja schon erwähnt ^-^ Das, was man dort braucht, ist Zeit bei 10000 Schriften. Auf der letzten Seite gibt es direkt zwar keine Schriften, jedoch eine sehr umfangreiche Linkliste zu Fonts.
Letztens war ich auf der Suche nach Tutorials zum Thema runde Ecken mit CSS. Wollte ich für Jacky nachschauen und weil es mich auch schon immer interessierte, wie das denn geht. Dabei bin ich auf eine interessante Seiten getoßen. Einfach für Alle ist eine Seite über barrierefreies Webdesign, sicherlich interessant, auch darüber zu lesen.
Schon etwas länger liegen in meiner "Linkliste" die beiden Links zu Designing with web standarts einer schön gestalteten Seite zu gerade jenem Thema und der Open Source Web Design-Seite. Direkt zwar nichts für mich, weil ich meine Designs selbst machen möchte, aber indirekt eine schöne Inspirations- oder auch Wissensquelle. Schließlich kann man aus jeder neuen CSS-Datei Dinge lernen ^-^'' Und dann habe ich irgendwo noch von einer Seite gelesen, die verschiedene Formen der Menus präsentiert, also in Gallerieform. *grübel* Wo war das den. Oh, passend dazu, der cssvault. Dort gibt es auch freie Menus. Aber dies ist nicht die Seite, die ich meinte. Ah, genau, gefunden im Dr.Web-Weblog, auf Please-Klickme.com ist eine kleine Gallerie, der so im Internet verwendeten Menuformen; auch interessant ^-^. Nun gut...

Nachtrag: Als ob es jemand gewusst hätte, dass ich mich gerade mit Fonts beschäftige *hüstel* Dr.Web hat vor ein paar Tagen in seinem Weblog Searchfreefonts.com vorgestellt. Dort gibt es 7000 freie Schriften, gut sortiert. Das ist doch nach unserem Geschmack. ^.^

Webdevelopement — Kommentare deaktiviert für RSS-Special
20
Sep 04

RSS-Special

Was ist RSS überhaupt? Wer sich das schon immer gefragt hatte, sollte mal bei diesem RSS-Tutorial vorbeischauen oder auch beim internet alchemy weblog, dort wird's auch erklärt und außerdem gibt es dort auch noch eine umfangreiche Linksammlung zu dem Thema. Ein weiterer englischer Artikel zu dem Thema findet man bei SearchEngineWatch Auf deutsch findet ihr eine Erklärung bei css-technik
Wer mehr wissen will, kann sich die Harvard RSS 2.0 Specification durchlesen. Und falls man das ganze per Hand machen mag ja, das ist möglich, man braucht nicht unbedingt ein Programm um einen rss-Feed zu erstellen, lohnt es sich auch sich näheres zum Thema XML anzusehen. Erste Adresse ist hierfür natürlich das w3c. Etwas einfacher zu verstehen ist hingegen getting started with xml.
Wer überhaupt keine Lust hat, lange irgendwelche Tutorials zu wälzen. So funktioniert es auch, nehmt als Grundlage diesen Code oder schaut bei anderen Feeds ab ^-^''.

<?xml version="1.0"?>
<rss version="2.0"
        xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel> 
<title> Titel deines RSS-Feeds </title>
<link> http://link.zur.Hauptseite.deines.Feeds </link>
<description> Beschreibung deines RSS-Feed </description>
<language>de-de</language>  

 <item>
  <title> Titel des Eintrags </title>
  <content:encoded><![CDATA[
  mehrere Möglichkeiten:
     1. kein Inhalt - dann muss man den Eintrag auf jeden Fall
        auf deiner Seite lesen
     2. nur den Anfang deines Eintrages - den Rest liest man auf
        der Seite
     3. kompletter Eintrag
  wichtig:
     Der Text hier muss richtig kodiert sein, d.h. keine
     Umlaute und keine Sonderzeichen. Alle Sonderzeichen
     müssen kodiert sein.
  ]]></content:encoded>
  <link> http://link.zum.artikel.de </link>
 </item>

</channel>
</rss>

Für jeden Eintrag erstellt ihr einen Die Leerzeichen zwischen den - oder [title]-Klammern habe ich für bessere Übersichtlichkeit eingefügt.

Was man noch braucht, ist ein Programm, mit dem man Feeds lesen kann, News- oder Feedreader genannt. Den Reader den ich empfehlen kann: feedreader - zwar noch in der Entwicklung, aber auf jeden Fall sieht er jetzt schon vielversprechend aus.
Und wenn ihr jetzt neugierig seid und scharf auf Feeds, nichts einfacher als das: Im rss-verzeichnis findet ihr eine Menge Newsfeeds. Ansonsten lohnt es sich auch, einfach mal bei privaten Seiten wie krit.de oder veerle's blog anzufangen und sich weiterzuhangeln.

Meine Feedempfehlungen: tagesschau-feed, BildBlog-Feed und der zeitblog-feed.
Und zu guter letzt ^-^ ein kleiner Artikel über private Homepagebesitzer. Passt ja auch zum Thema, da auch im privaten Sektor Newsfeeds immer beliebter werden. Kein Wunder, Blogsystem wie movabletype machen es einfach möglich.