Ihr könnt die Farben selbst wählen und die Position an der diese Farbe erreicht wird.
Die WYSIWYG-Funktion funktioniert aktuell nur in Firefox und Safari/Chrome.

Es werden demnächst noch ein paar Funktionen dazu kommen um sich nicht nur auf die Farbverläufe zu spezialisieren.

> Zum Editor

Ich war so frei und habe mir einen Fork (github Link) gemacht und in diese Extension die Events für swipe und pinch eingebaut.
Der @cpojer hat angekündigt es in den Haupt-Tree von sich zu mergen. Somit sollte der Augenmerk auf sein Repository fallen.

Nun gibt es also doch eine kleine Extension von mir bezüglich Multitouch for the web

Update – 29. Juli 2010

@cpojer hat meine Änderungen übernommen und den Code auch noch etwas angepasst.

UPDATE

Leider habe ich im Laufe der Entwicklung gemerkt, dass es keinen großen Unterschied macht die Klasse zu benutzen, oder alles normal zu programmieren. Darum lege ich dieses Projekt Eis.
Allerdings habe ich bereits Ideen für weitere MooTools Projekte.

Mir tun sich dort gerade wieder einige Ideen auf, was sich damit so alles machen lässt, gerade auf Geräten wie dem iPad, die genug Fläche zum touchen bieten.
Ich werde mal schauen in wie weit sich die Multi-Touch Fähigkeit  in ein MooTools Plugin pressen lässt

Dieses Mal handelt es sich um Locate.js, eine Klasse die es Web-Entwicklern einfach machen soll die aktuelle Position seiner Besucher heraus zu finden.
So bieten diese Funktion der aktuelle Firefox und auch das iPhone seit der Version 3.0. Ich vermute das Android Geräte dieses Feature bei Webseiten auch nutzen können.

Die Idee dazu kam mir eigentlich mit Google Buzz, welches komplett Webbasiert funktioniert.
Mir war es schon vorher bekannt, dass mit der Einfuhr von HTML5 auch die Geolocation mit integriert wurde, aber irgendwie hat Google mir mit Buzz den letzten Stoß versetzt.

Ich habe mich in den letzten Tagen etwas mit der API für die Geolocation (Link zur Dokumentation) auseinander gesetzt und das ganze mit etwas MooTools Power verstärkt.
Habe selber ein paar Ideen was man mit dieser kleinen Klasse so alles basteln könnte, bin aber mal gespannt was die MooTools Community so bastelt.

Schaut euch auf der Forge Seite die Demo an und ladet euch die Klasse.
Link: Locate.js auf MooTools Forge

UPDATE

Wow, kaum in der Forge haben die Jungs von MooTools meine Klasse über ihren Twitter Account beworben.
Vielen Dank =)

UPDATE 2

Locate.js ist auch im MooTools Roundup February 2010 benannt worden!
Zudem habe ich mittlerweile  Version 1.2 herausgebracht welche es ermöglicht die Himmelsrichtung in die man sich bewegt abzufragen (als Erweiterung zum Winkel) und man kann die Distanz zu einem Ziel ermitteln (direkte Luftlinie).

Wenn man es das erste mal macht ist es sehr gewöhnungsbedürftig, ich arbeite zwar nun auf der Arbeit schon eine Weile mit git, aber mooTools hat noch weitere Anforderung an Projektstruktur und Formatierung von Beschreibungen etc und erst dann wird das github Repository angenommen.
Aber ich glaube die Erfahrung muss man erst mal machen und dann geht es mit dem zweiten mooTools Projekt einfacher

Finde das ganze Forge Dingen auch für Webentwickler interessant die ihre Seite mit MooTools hochziehen, da sie dort in Zukunft viele Extensions finden können um ihre Webseite auf zu peppen  wie z.B. kleine Gallerien oder einem Tab Script.
An der Übersicht müssen die vielleicht noch etwas feilen, damit man da auch was findet, aber es ist ein guter Anfang.

Bei twitter.compare handelt es sich um eine kleine Battle-Seite für Twitter. Einfach 2 Twitter Benutzer eingetragen und verglichen.
Ich gebe zu, dass Punktesystem ist noch ausbaureif, aber es kommt noch und sobald dies geschehen ist, wird es auch eine globale Highscore geben.
Wer Ideen hat, wieviele Punkte es pro Tweet, Favorit, Follower und Following gibt, kann es gerne in die Kommentare schreiben, bin für alle Ideen dankbar.

Zudem wird es nicht bei den 5 Punkten aktuell bleiben, ich habe noch mindestens 2 Werte die mit ausgewertet werden müssen, mit denen man dann noch andere Faktoren ausrechnen kann (Tweets/day etc.), ihr könnt also gespannt sein.

Das ganze ist übrigens auch iPhone und iPod Touch tauglich.

Anregungen und Kommentare gerne in die Kommentare.

Zu compare.twitter

*UPDATE*

Hier ein erster Screenshot der kommenden Version.
Es wird ein Scoring geben, tweets per day muss ich noch mit auswerten (werden schon berechnet) und ich werde noch eine Highscore einbauen

*UPDATE 2*

Die neue Version ist Released!
V0.2 ist die Versions-Nummer und interpretiert nun auch die Tweets pro Tag und es gibt ein Scoring, welches viel mehr Sinn macht als das alte, stumpfe zusammenzählen.
Zudem ist die Seite etwas schmaler geworden
Im nächsten Schritt kommt dann eine Highscore dazu und weiter weiss ich noch nicht… Habt ihr noch Ideen? Ab in die Kommentare damit!

Später werde ich das Script noch erweitern, dass der Ladebalken auch ein Label bekommt, welches den aktuellen Prozentsatz darstellt.
Zudem gibt es noch einen kleinen Animationsfehler, wenn der Ladebalken auf 100% springt und dann automatisch ausblendet. Zur Zeit verschwindet er sofort ohne vorher zu faden.

Wer interesse daran hat, kann sich das ZIP mit Demo und allen benötigten Files auf der moogressBar Seite runterladen.

Zur moogressBar Seite

Neues Layout, alles ganz frisch…
Wer mir bei Twitter folgt wird hin und wieder mal einen Link zur Dev-Seite bei mir finden, hier im Blog bleibt euch lediglich ein Screenshot:

Viel Orange wie man sieht.Die Seite wird immer auf Vollbild laufen und euern ganzen Browser ausfüllen. Zur Zeit ist alles noch im frühen Stadium und es wird viel animiert sein wenn es fertig ist.
Es gibt nurnoch 3 Buttons (aktuell sind es noch 6 auf cbeloch.de) und die Seite wird vollkommen auf mein Portfolio beschränkt.
Natürlich versuche ich die Seite auf allem Browsern gleich laufen zu lassen, allerdings vermute ich, dass der Internet Explorer auch in den Versionen 7 und 8 nicht mithalten wird, da er einfach diverse Sachen nicht unterstützt (auch wenn Microsoft sagt, dass er alle Webstandards kann… Acid3 sagt da was anderes!). Zur Zeit läuft die Seite nur im Firefox und in WebKit Browsern (Safari, Google Chrome, Konqueror etc.), Opera ist nicht getestet.

Ich versuche die Seite in naher Zukunft (Mitte bis Ende Oktober) so weit fertig zu bekommen, dass sie bedient werden kann. Danach kommen nurnoch Updates für die Animationen.

Das Logo existiert nun auch als Vektor-Grafik und nicht wie vorher aus einer 100×100 Pixel Grafik, wo alles etwas unsauber war. Vergleich? Bitte!

Da sich das Layout von cbeloch.de eh leicht verändern wird, wird auch das Layout erst einmal auf das Template System von Symfony angepasst.
Auch werden dann meine ganzen Mini-Projekte mit Einzug auf der Webseite finden und sobald sie funktionsfähig sind kann ich sie auch je nach Bedarf auf der Hauptseite nutzen, alles Dank Symfony.

Soweit der Status um cbeloch.de und BCMS
Wünsche euch allen ein paar schöne Pfingstfeiertage!

<?php
$rss_feed = simplexml_load_file(“http://www.spiegel.de/spam/index.rss”); // URL zum RSS-Feed, hier: Spiegel Satire (SPAM)
$cfg_news_count = 4; // Anzahl der Nachrichten die Angezeigt werden sollen

$feed_info = $rss_feed->channel;
$feed_news_items = $feed_info->item; // Dies ist ein Array mit allen Newseintraegen im Feed

/*
Quellen Titel: $feed_info->title // Titel der Quelle
Quellen Link: $feed_info->link // URL zur Hauptseite der Quelle
Beschreibung: $feed_info->description // Beschreibung der Quelle oder auch Art der Nachrichten
*/

$i = 0; // kleiner Zaehler der die Anzahl der Nachrichten mitzaehlt

foreach($feed_news_items as $news_data) // Jeden Newseintrag im Array einzeln in einer Schleife durchgehen
{
/*
News Titel: $news_data->title // Titel der Nachricht
News Link: $news_data->link // URL zur Quelle (Nachricht selber)
News Text: $news_data->description // Der eigentliche Nachrichten Text (Zusammenfassung)
News Datum: $news_data->pubDate // Zeitpunkt der Veroeffentlichung dieser Meldung
*/

/*** Ab hier die Ausgaben der Elemente ***/

/* ……………………………….. */

/*** Hier endet die Ausgabe der Elemente ***/

$i++; // Nachrichtenzaehler um 1 erhoehen
if($i == $cfg_news_count) // kontrollieren ob das Limit erreicht wurde
break; // Schleife Abbrechen
}
?>

Zu Beginn wird erstmal der RSS Feed eingelesen und eine Variable bestimmt die die Anzahl der maximal dargestellten Einträge limitiert.
Daraufhin werden die wichtigsten Variablen für den Feed festgelegt.
In den Kommentarzeilen sind jeweils Variablennamen und zugehörige Beschreibungen benannt, der Rest sollte aus den zugehörigen Kommentaren hervorgehen.

Dieses Beispiel gilt für einen validen RSS 2.0 Feed, bei einem Atom Feed oder normalen XML Dateien können sich die Bezeichnungen der Variablen ggf. ändern.
Wenn man nicht genau weiß, wie die Variablen heißen, kann man sich mit einem print_r(simplexml_load_file(“http://www.url.zum/feed.xml”)) sehr schnell behelfen um die Objektzeiger und Variablennamen zu finden.

Bei meiner Hauptseite werden weitere Abstriche gemacht:
Die Downloads werden wegfallen, eventuelle Download Links zu Projekten findet man dann auf der dazugehörigen Portfolio Seite des Projektes.
Zudem werden die Fotos verschwinden. Links zu Gallerien wird es nurnoch hier im Blog geben da viele Gallerien nur kurz nach dem Event aufgerufen werden.
Was mit den Tutorials passiert weiss ich noch nicht, vielleicht wird es meine Photoshop, Doom 3, Quake und Prey Tutorials als PDF Download geben, aber man kann davon ausgehen, dass der Menüpunkt auch wegfällt.
Die News werden in eine Seitenleiste wandern, so dass nurnoch das Portfolio im Mittelpunkt steht. Dafür ist auch die Seite ursprünglich gedacht gewesen, sich einfach nur auf mein Portfolio zu  beschränken, für den sonstigen Unsinn gibt es diesen Blog =].

Mit BeCoMeS geht es im Moment auch ganz gut voran. Es wird einzelne Module geben die man beliebig nutzen kann, es wird später nurnoch Gebrauch von Templates gemacht werden, den Rest werden die Module von BeCoMeS liefern.
So stehen im Moment schon die Module für die Verwaltung von Usern (ohne derzeitige Rechteverwaltung), News und Content. Als nächstes werde ich mich an eine ordentliche Portfolio Integration kümmern wie ich es schon immer einmal haben wollte.
Die Basis für ein Twitter Modul steht auch schon (genutzt für den Friend friend collector), somit werden Benutzer auch diverse Dinge mit Twitter verbinden können.
Nachdem BeCoMeS in den größten Zügen fertig ist wird es ein neues Projekt geben, dass auf dem CMS aufbaut.

Des weiteren habe ich mir dazu Gedanken gemacht, welche Features BeCoMeS sonst noch nutzen wird und derzeit glaube ich, dass ich für AJAX und einige Animationen im Layout auf MooTools zurückgreifen werde, welches ein schönes kleines Framework bietet welches von der Performance her sehr flüssig läuft und dazu auch noch in allen gängigen Browsern.
Das Framework wird dann in Standart-Layouts genutzt werden, in selbsterstellten Layouts kann dann jeder benutzen was er möchte.

Für die Statistik habe ich bisher ganz gute Erfahrungen mit Flot gemacht, welches ich selbst schon zur Auswertung von Daten benutze und für ein bisschen Statistik reicht es allemal.

Es geht also weiter und man kann gespannt sein.

Wie schaffe ich es dennoch alle Gallerien auf meiner Webseite zu behalten ohne groß meinen Webspace auszureizen?
Die einzige Lösung war es, die Gallerien auf externe Server auszulagern und dann einzubinden.
Erst dachte ich an meinen Arcor Webspace…. Dieser beträgt aber nur jämmerliche 25 MB OHNE PHP (PHP brauchte ich damals auf meiner ersten Webseite nicht ), die hätten nicht lange gehalten, vielleicht eine Gallerie und nen bischen Schnappschüsse…
Als aktiver Nutzer der Google Produkten kamen mir schließlich die Picasa Web-Alben in den Sinn: Picasa Web-Alben Export wird von vielen Fotoprogrammen unterstützt (Flock-Browser, iPhoto, Google Photo Uploader, Picasa 2 und viele viele mehr) und man hat kostenlos 1GB Speicher für seine Fotos und Besucher der Alben können Kommentare hinterlassen. Dies wäre also verdammt praktisch, wenn man diese quasi fertigen Alben in seine Webseite integrieren könnte.
Da habe ich mich doch letztens sehr gefreut als ich gesehen habe, dass es für jedes Album einen RSS-Feed gibt. Dort stehen alle Bilder drin und auch die Album-Informationen.

Lange Rede, kurzer Sinn:
Ich habe mir einen kleinen Parser mit Hilfe des SimpleXML Moduls gebaut, der an Hand der RSS URL ein Array zurück gibt indem jedes Bild vorhanden ist mit seinem zugehörigen Thumbnail:

[code lang="php"]
function picasapictures($feedurl)
{
$rss = simplexml_load_file($feedurl);

$items = $rss->channel->item;

foreach($items as $item)
{
$data['thumb'] = preg_replace("/(.*)description)."\n";    // alles was keine Thumbnail URL ist aus dem Description Feld entfernen
$data['image'] = strval($item->enclosure['url']);    // strval() konvertiert das hier entstehende Objekt in einen String

$item->;enclosure['url'];

$files[] = $data;
}

return $files;
}
?>[/code]

Der Code wird vielleicht demnächst noch etwas erweitert (Einbau von Kommentarfunktion).
In dem RSS-Feed gibt es noch zu jedem Bild 3 Thumbnail URLs (3 unterschiedliche Größen). Im Moment hole ich mir das Thumbnail aus der Description, was nicht so schön ist, an die anderen komme ich im Moment nicht über SimpleXML Wenn ihr Lösungsvorschläge habt, ab in die Kommentare damit, ich werde den Code dann dem entsprechend anpassen oder eine alternative anbieten.

Diese Code Schnipsel wird es in zukunft vielleicht öfter geben, demnächst: Last.FM =)

Erstmal nächste Woche Lloret de Mar und danach mal weiterschauen, die Fotos aus dem Urlaub werden wohl nichtmehr bei mir auf den Server passen, hatte jett schon mit kleineren Gallerien Probleme…
Mal abwarten, Fotos wird es auf alle fälle ein paar geben.

Ich habe noch einen Fehler im Gästebuch gesehen, den werde ich auf jedenfall noch vor meinem Urlaub beheben, dass die Seite nicht IE kompatibel ist weiss ich auch, Microsuck macht halt nen scheiß Browser, benutzt bitte Safari oder Firefox um die Seite richtig betrachten zu können, um die IE kompatibilität kümmere ich mich später, bzw schalte Boloch.de auf das V11.1 Theme um, wenn man die Seite mit dem IE besucht (aktuell ist 11.2).

HYDRA Dev-Blog