Lange habe ich den Launch meines Lifestreams geplant, jetzt ist es endlich soweit.

Seit heute ist mein neuestest Projekt online: maiksi.de, mein Lifestream. Ursprünglich ganz anders geplant, aber jetzt wesentlich besser und viel cooler.

Ursprünglich wollte ich meinen Lifestream mit Sweetcron umsetzen, einem wirklich schönen Stück Software, welches per Cronjob alle gepflegten Feeds einliest und chronologisch alle darin enthaltenen Artikel auflistet. Doch so sehr ich es auch versucht habe wollte kein anständiges Design dabei herauskommen.

Doch gestern kam mir die glorreiche Idee eines meiner alten Designs als Grundlage zu verwenden und damit mein Feed fressendes Monster selbst zu programmieren. Das Basisdesign war ja schon da, ich musste es nur noch an den neuen Einsatzzweck anpassen, weshalb die Entwicklung auch sehr schnell vonstatten gehen konnte.

Technik

Dass diese Website auf PHP basiert, brauche ich wohl niemandem zu erzählen, immerhin ist diese Sprache mein Steckenpferd. Doch dazu wollte ich anfangs noch HTML 5 verwenden, habe es aber sein lassen, da wirklich nahezu kein Browser das unterstützt, was ich nutzen wollte. Also bin ich beim guten alten XHTML geblieben. Abgesehen davon ist noch jQuery auf der Clientseite und Magpie RSS auf der Serverseite im Einsatz.

Wird die Seite aufgerufen wird für jede gelistete Website ein AJAX-Request abgesetzt, der mir im JSON-Format ein paar Basisdaten und die letzten 5 Einträge im Feed mitsamt URL und Titel zurückgibt. Aus diesen Daten werden kleine Fenster gebaut, die beim Klick auf den Titel einer Seite angezeigt werden und mittels jQuery UI verschoben werden können.

Antrieb

Als Internetjunkie bin ich nahezu den ganzen Tag im Netz unterwegs und hinterlasse hier und dort diverse Spuren. Mit einem Lifestream können diese Aktivitäten gesammelt und aggregiert werden. Da die Umsetzung mit Sweetcron jedoch nichts werden wollte habe ich einen neuen Antrieb gefunden, nämlich einen Lifestream zu schaffen, der ganz anders als alle anderen zuvor ist.

Ich denke, dass mir das mit dem schlichten Design und der interaktiven Umsetzung durchaus gelungen ist. Mittels eines kurzen Klicks ist man über jede meiner Aktivitäten informiert und deswegen ist auch der Name maiksi perfekt. Dieses Wort stammt aus der Sprache Tagalog und bedeutet “kurz”.

Und jetzt hoffe ich mal, dass euch diese Seite ebenso gut gefällt wie mir und bin gespannt auf Feedback

ColorBox ist ein ganz neuer Konkurrent für alle bisherigen Lightbox-Klone. Klein, mächtig und anpassbar.

Und wieder bin ich bei der Entwicklung meines bereits zuvor erwähnten Projekts über etwas interessantes gestoßen.

Diesmal ist es ein noch sehr junges jQuery-Plugin: ColorBox. Jung deswegen, da die erste Version erst am 3. März diesen Jahres veröffentlicht wurde, also vor noch nicht mal zwei Wochen.

ColorBox ist ein weiterer Lightbox-Klon, der allerdings neben Bildern auch Inline-Content und andere Seiten anzeigen kann. Soweit noch nix neues, denn das gibt es auch alles schon. Die große Besonderheit an ColorBox ist jedoch, dass sie wahnsinnig leicht anzupassen ist. Ich konnte damit innerhalb kürzester Zeit einen komplett neuen Style dafür entwickeln. Bei den herkömmlichen Lightboxen muss man sich meist auf kleinere Anpassungen beschränken, da die Änderungen ziemlich kompliziert sind und oftmals große Auswirkungen auf die gesamte Lightbox haben.

Wie für jQuery Plugins üblich ist diese Lightbox sehr unkompliziert einzubinden. Einfach die Funktion colorbox() an einen Selektor hängen und schon ist sie einsatzfähig.

$('a.magnify').colorbox();

Ebenfalls sehr schön ist, dass sie bereits an die neue Version 1.3 von jQuery angepasst wurde.

—
Foto: color boxes von Mr.mt

jQuery ist ein mächtiges Javascript-Framework. Momentan arbeite ich damit und will es hiermit kurz vorstellen.

Passend zum Redesign der Website von jQuery kommt heute die Überschrift für diesen Beitrag. Leider hat der Claim auf der Startseite nicht einmal 24 Stunden überlebt, in dem es hieß “Be a Javascrip Rock Star”. Bewundern kann man ihn aber noch, nämlich im offiziellen Blog.

Nun aber zum eigentlichen Thema. Ich arbeite momentan, wieder einmal, an einem Redesign dieses Blogs. Und im Zuge dessen habe ich mich dazu entschieden mal mit jQuery zu experimentieren und zu schauen, ob dieses Framework wirklich so mächtig ist wie von manchen behauptet wird.

Bisher konnte ich nichts finden, was ich nicht umsetzen konnte mit diesem Framework und bin langsam wirklich überzeugt davon. Auch wenn ich mich momentan noch schwer tue wirklich produktiv damit zu sein, da ich mehr in der Doku nach etwas suche, als wirklich zu programmieren. Hinzu kommt, dass ich noch ein ziemlicher Javascript-Dummy bin und Codebeispiele brauche, um zu verstehen, was ich mit einer Funktion anfangen soll.

Die Dokumentation ist jedoch sehr ausführlich und logisch aufgebaut, so dass es mir bisher sogar gelungen ist ein eigenes Plugin zu schreiben, mit dem ich “runde Ecken” erzeugen kann mittels einer einfachen Funktion und ggf. ein paar kleinen Parametern.

Bisher bin ich ziemlich zufrieden mit jQuery und kann durchaus empfehlen mal ein Auge darauf zu werfen. Der Zugriff auf Elemente gestaltet sich mit dem Dollar-Selektor denkbar einfach und auch die Manipulation dieser ist leicht.

Ich denke, dass ich demnächst durchaus öfter mal etwas zu jQuery bloggen werde, wenn ich mich weiter damit auseinandergesetzt habe.

—
Foto: Day 184/365 : Hi! My name is Mr.ExCa and I wanna be a rockstar!!!