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

Nivo – ultimativer Image Slider für jQuery Image Slider gibt es inzwischen wie Sand am Meer und irgendwie werden sie langsam langweilig! Letztendlich machen sie alle den gleichen Fade-Effekt un...
Bei der Navigation mit der Tastatur arbeiten In letzter Zeit hat sich das Web durch Online-Anwendungen auf die Fahne geschrieben, Desktop-Anwendungen ablösen zu wollen bzw. zu ersetzen. Die Ansät...
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:...
JavaScript für Superheros JavaScript macht seit einigen Monaten eine ganz erhebliche Wandlung durch. Während bei den Frontend-Entwicklern immer mehr Funktionalität / Logik in J...

Schreibe einen Kommentar