Das Videoportal Vimeo bietet auf der „Right now“ Seite einen Newsticker, der durchaus nett anzusehen ist. Auf anderen Sites sind derartige Statusmeldungen ebenfalls zu sehen.
Als Entwickler interessiert man sich natürlich für die konkrete Implementierung. Über das Backend hatte ich mir bereits Gedanken gemacht, hier wird Memcache eine grössere Rolle spielen, vielleicht eine Message Queue und anderes Zeug. Und das Frontend?
Natürlich sollte die von mir bevorzugte JavaScript-Library jQuery zum Einsatz kommen. Auf der Suche nach vorhandenen Plugins fand ich den Artikel How to implement a news ticker with jQuery and ten lines of code. Eine gute Basis, aber die etwas abrupten Effekte gefielen mir weniger, darüber hinaus sollten die neuen Elemente oben erscheinen und alle weiteren sanft nach unten schieben.
Als Ausgangspunkt diente das Beispiel aus dem o.g. Blog, das ersparte mir die irgendwie immer mühsame Erstellung des CSS-Designs. Der Kern des Ergebnisses sind letztlich drei (ich wiederhole: drei!) Zeilen JavaScript…
Das Ergebnis:
