Dieser kluge Trick bringt Besucher zurück, wenn sie weg weg Tab

Wie oft öffnest du einen Artikel, überfliegst ein paar Sätze und klickst dann weg, um einen anderen Tab zu durchsuchen? Ich bin täglich schuldig. Es ist nicht so einfach, die Aufmerksamkeit eines Besuchers zu behalten, und deshalb kann das Do not Go-Skript so wertvoll sein.

Wenn Sie dieses Skript zu Ihrer Seite hinzufügen, können Sie das Favicon und den Seitentitel Ihrer Website automatisch aktualisieren, wenn die Seite gerade nicht angezeigt wird.

Sie können hier eine Live-Demo sehen und es ist ziemlich einfach. Öffnen Sie einfach die Seite in Ihrem Browser und wechseln Sie zu einem anderen Tab. Innerhalb weniger Sekunden ändert sich das Seiten-Favicon mit dem Titel .

Dies alles geschieht dynamisch mit JavaScript, so dass sich alles ändert, sobald die Seite wieder aktiv ist. Wie Sie sich vorstellen können, ist dieses Skript sehr einfach einzurichten .

Es erfordert drei Einstellungen :

1. Titel - der neue Seitentitel
2. Favicon - die neue Favicon-URL
3. Timeout - Gesamtverzögerung (in Sekunden), nachdem der Benutzer den Wechsel vorgenommen hat

Beachten Sie, dass der einzige erforderliche Wert der Titel ist. Sie können das Favicon gleich belassen und Sie können das Timeout ganz überspringen, sodass sich die Titelleiste sofort ändert.

Hier ist ein Codebeispiel, wie das Setup aussieht.

 dontGo ({title: 'Alternativer Titeltext hier!', faviconSrc: 'Pfad / zu / Alternative / favicon.ico', Timeout: 5000 // 5 Sekunden}); 

Das Einrichten des Do not Go-Skripts könnte nicht einfacher sein. Es ist über npm, Bower und Yarn verfügbar und wird auch auf dem GitHub CDN gehostet, das direkt aus dem Hauptrepo stammt.

Dieses lustige Skript kann eine gute Möglichkeit sein, Leser auf Ihre Website zu locken und letztendlich die Absprungraten zu verringern . Um mehr zu erfahren, besuchen Sie einfach das Haupt-GitHub Repo und lesen Sie die Dokumentation durch.

Weihnachts-Icons - 25 Freebies, um Ihr Design zu fichten

Es ist fast Weihnachten und der Beginn eines neuen Jahres. Natürlich denken Sie vielleicht darüber nach, das Site-Design aufzufrischen, um dieses fröhliche Festival zu begrüßen. Wir möchten Ihnen dabei helfen. Zur Begrüßung von Weihnachten und Neujahr haben wir Ressourcen für Webdesigner in Form von Iconsets zusammengestellt, die kostenlos genutzt werden können.Sie könne

(Tech- und Design-Tipps)

20 Muster Tutorials für Ihre Zukunft Designs

Verschiedene Grafik- und Webdesign-Projekte erfordern unterschiedliche Design-Elemente und Muster sind nur eine davon. Sie können je nach Bedarf als Hintergrund oder Vordergrund in verschiedenen Situationen verwendet werden. Sie können sogar ein Muster verwenden, das Sie selbst erstellt haben, um Ihrer Arbeit eine persönliche Note zu verleihen.He

(Tech- und Design-Tipps)