Favicon mit Javascript austauschen

Screenshot favicon.js bei GitHub

Nach meiner bescheidenen Meinung sind Favicons innerhalb einer Webanwendung die Elemente, denen die wenigste Beachtung geschenkt wird. Ich habe ja schon letztes Jahr in einem längeren Artikel darüber berichtet, dass man mit Favicons den Benutzern durchaus sinnvolle Informationen zukommen lassen kann. Das tolle an den Favicons ist, dass dies sogar funktioniert, wenn der Benutzer gar nicht auf der Seite ist (aber die Session noch besteht). Hat der Benutzer die Seite zum Beispiel in die Lesezeichen-Symbolleiste abgelegt kann die Anwendung dort kurze symbolische Infos einblenden.

Screenshot favicon.js bei GitHub

Da wir uns derzeit ja in einem JavaScript-Minimierungs-Wahn befinden, habe ich auf GitHub diesbzgl. eine interessante Bibliothek mit dem Namen favicon.js gefunden. Der kleine Helfer kann zwar „nur“ Favicons austauschen, aber da er nur 726 Bytes groß ist, lasse ich dies als Entschuldigung gelten. In der Regel reicht diese Funktionalität auch vollkommen aus.

Die Favicons können bei favicon.js auch Base-64-encoded direkt übergeben werden (spart Server-Requests), und das animieren über mehrere Favicons hinweg (also zum Beispiel in Form eines Daumenkinos) ist ebenfalls möglich.

Sollte man solche Funktionalität nutzen wollen fährt man mit favicon.js ganz gut, da dessen Funktionalität vollkommen ausreichend ist. Insbesondere die Möglichkeit die Favicons Base-64-encoded zu übergeben gefällt mir ganz gut, da gerade im Backend-Bereich mit vielen kleinen Icons darauf geachtet werden muss, das man den Server nicht mit zu vielen Requests belegt.

Ähnliche Beiträge

In Place Editing mit jQuery In Place Editing ist das nächste große Ding, aber was heisst das eigentlich? Normalerweise funktionieren die meisten CMS über ein Backend, und ein Fro...
Boxjs – Script Loading mittels CDN Es gibt inzwischen einige Skripte die sich mit nichts anderem beschäftigen, als die eigentlichen Skripte, die man auf der Webseite benötigt, nachzulad...
Enquire.js – Media Query Callbacks in JavaScript Media-Queries sind eine richtig schicke Angelegenheit, ohne die ein Responsive Design nicht möglich wäre. Ganz einfach ausgedrückt läuft die Sache so:...
deck.js – Präsentationen in HTML Es muss nicht immer Powerpoint sein! Wenn ich eins gelernt habe in meinem ehemaligem Consulter-Leben, dann ist es das, ausreichend früh anzukommen um ...

Schreibe einen Kommentar