Stoppt die Vorratsdatenspeicherung! Jetzt klicken & handeln!Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:

Archiv für Webtools

Test everything!

Gestern habe ich wieder ein neues Tool online gestellt.

Test everything! Mit Test everything könnt Ihr eine belibige Webseite sehr einfach mit diversen Webtools (HTML validators, SEO tools, Social services, Web proxies, …) testen ohne diese immer wieder suchen zu müssen. Im Prinzip funktioniert mein Tool wie eine große Bookmarklet-Sammlung :-)

Von der Idee zur technischen Umsetzung…

Auf die Idee zu diesem kleinen Hilfsmittel kam ich als ich mal wieder ein bestimmtes Tool gesucht habe um meine Webseite damit zu prüfen und ich es nicht gefunden habe. Nach einer kurzen Google suche habe ich nichts vergleichbares gefunden und deshalb hab ich mich dazu entschlossen “schnell mal” selber sowas zu entwickeln.

Als ich den ersten Prototypen, den ich anfangs FAMW (“Fast access to many websites”) nannte, entwickelt hatte kam mir die Idee einen schicken JavaScript Effekt (Pagination Slide Pattern) den ich letztens entdeckt hatte dafür zu verwenden.

Test everything!

Und nachdem ich mir verschiedene existierende “Slide Transition”-Skripts (Carousel Component, flickrshow.com, DHTML Shifter) angeschaut hatte hab ich mich dazu entschlossen das Beispiel von thinkvitamin.com als Vorlage zu nehmen um meinen Slide-Effekt zu erzeugen. Das Beispiel basiert auf einem nicht sehr großem und sehr übersichtlichen JavaScript das auf der Yahoo! UI Bibliothek (YUI) aufbaut.

Test everything! Nach mehreren Stunden rumprobieren und basteln hatte ich dann endlich den Quelltext so umgestellt und erweitert das er das tat was ich wollte. Danach verbrachte ich noch mehrere Stunden damit ein einfaches Design zu basteln und die Funktionalität rein zu bringen. Dabei hatte ich noch weitere Ideen wie z.B. das öffnen der ausgewählten Tools in einem Framset, automatische Bookmarklet erzeugung und die Unterstützung für Webservices die einen POST-Request erfordern ;-)

So nun aber genug geschrieben, schaut es euch doch einfach mal an und lasst mir ggf. ein Feedback zukommen :-)

Gratis Kommentarfunktion für die eigene Homepage

Letztens bin ich über ein interessantes Projekt mit dem Name JS-Kit.com gestoßen, dabei handelt es sich um einen einfachen Online-Dienst der es den Besuchern der eigenen Homepage ermöglicht Kommentare zu hinterlassen ohne das man etwas Serverseitiges (PHP, Perl, ASP, etc.) installieren muss. Im Prinzip funktioniert der Service wie diese kostenlosen Gästebücher die man verlinkt, nur das man dieses nicht verlinkt sondern über JavaScript einbindet  ;-)

Die Besonderheit dabei ist, dass man nur einen kleinen einzeiligen Code-Schnipsel in die eigene Seite einbauen muss und schon hat man ein voll funktionales Kommentarsystem inklusive Spam-Schutz (über Akismet) und Adminfunktionen.

Die ganze Sache läuft so ab:
JS-Kit Man fügt den JavaScript Schnipsel ohne irgendeine Anmeldung auf einer beliebigen Webseite ein. Danach erscheint auf der eigenen Webseite ein Kommentarformular das man beliebig per CSS anpassen kann. Wenn ein Gast dann einen Kommentar hinterlassen will füllt er das Formular entsprechend aus und schickt es ab, die Daten werden dann an JS-Kit übermittelt und mit einer eindeutigen Seiten-ID abgespeichert. Beim nächsten Aufruf des JavaScripts wird dann der neue Kommentar von JS-Kit geladen und angezeigt. Fertig :-)

Das einzige Sache die mir komisch erscheint sind die Admin-Funktionen, denn nachdem ich den JavaScript-Schnipsel eingefügt habe hatte ich zwar Zugriff darauf, aber ich kann mir nicht erklären woher JS-Kit weiß das ich der Admin bin. Denn ich habe mich ja nirgendwo angemeldet bzw. authentifiziert. Es wäre möglich das JS-Kit dass anhand des ersten Kommentars oder des ersten Zugriffs erkennt. Aber das wäre ja ziemlich unsicher und irgendwie unschön ;-) — Ich versuche das noch herauszufinden…

Hier noch eine kurze Zusammenfassung der Vor- und Nachteile eines solchen Systems:

Die Vorteile:
  • Keine Programmierkenntnisse notwendig
  • Keine Datenbank notwendig
  • Sehr einfache Installation
  • Eingebauter Spam-Filter
  • Fast sorgenfrei
Die Nachteile:
  • Die Daten liegen nicht auf dem eigenen Server 
  • Man ist auf JS-Kit angewiesen
  • Man gibt JS-Kit über JavaScript Zugriff auf die eigenen Seiten 
    (ggf. sind Manipulationen oder Werbung auf den eigenen Seiten möglich)
  • Besucher die JavaScript deaktiviert haben sehen die Kommentare nicht

Alles in allem halte ich das ganze für ein sehr interessantes Konzept. Und im Moment teste ich gerade den Service auf zwei meiner Projekte: free icons for everyone! und codedump.

Jonas