de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Ersetzen Sie JavaScript-Alert-Boxen durch diese Responsive-Alternative

JavaScript-Alarm-Popups werden von so ziemlich allen gehasst. Sie erzwingen Ihre Aufmerksamkeit und überholen den Browser, also müssen Sie sie schließen, bevor Sie mit der Seite interagieren können.

In der modernen Zeit können wir besser als JavaScript-Alarm-Boxen . SweetAlert2 ist wahrscheinlich die beste Lösung.

Es handelt sich um ein JavaScript-gestütztes Popup-Skript, das vollständig reaktionsfähig ist und die Barrierefreiheit für alle Benutzer unterstützt.

Natürlich ist es auch Open Source und frei verfügbar auf GitHub, wenn Sie in den Code eintauchen möchten.

Aber der wahre Schatz ist die Demo auf der SweetAlert Hauptwebseite. Es bietet einen direkten Vergleich zwischen der ursprünglichen JavaScript-Warnmeldung und der SweetAlert2-Nachricht.

Was komisch ist, ist, dass die Code-Snippets keinen großen Unterschied machen. Sie können SweetAlert2 mit einer Codezeile wie eine typische JavaScript-Warnung ausführen, obwohl diese Zeile im Vergleich möglicherweise länger ist.

Mit SweetAlert haben Sie mehr Kontrolle über den Popup-Boxstil, die Animation, die Schaltflächenfarben und die Textstile. Sie können sogar Bilder oder Videos in die Alarmbox einbetten .

Das absolut beste Merkmal ist jedoch, dass SweetAlert2 nicht den gesamten Browser überholt . Wenn Sie ein SweetAlert2-Popup-Fenster ausführen, wird es nur auf diesem einen Tab angezeigt. Selbst wenn der Benutzer eine andere Site durchsucht, wird er nicht gewaltsam zu Ihrem Tab weitergeleitet, nur weil eine Warnmeldung angezeigt wird.

Dies erhöht letztlich die Benutzerbindung, da Menschen aufgrund von zwielichtigen UX-Praktiken nicht abgewehrt werden.

Sie können Timer zum automatischen Schließen, Schaltflächen zum Bestätigen / Ablehnen und sogar die Animation mithilfe von Bibliotheken von Drittanbietern wie Animate.css anpassen.

Wenn es ein Skript gibt, das anstelle der typischen JavaScript-Warnung verwendet werden soll, muss es SweetAlert2 sein. Dieses Ding ist völlig kostenlos, Open-Source und bietet eine Reihe von benutzerdefinierten Optionen, die jeder Web-Entwickler von einem Ohr zum anderen grinsen haben wird.

Sehen Sie sich die Hauptseite an, um mehr zu erfahren und einige Live-Beispiele zu sehen . Sie können auch das GitHub Repo durchsuchen, wenn Sie die Dateien anzeigen und Release-Protokolle abrufen möchten.

20 nützliche Firefox Sidebar Add-ons

20 nützliche Firefox Sidebar Add-ons

Mozilla war immer bestrebt, seinen Benutzern Funktionen und Dienste für ein wunderbares und produktives Browsing-Erlebnis zu bieten . Der Firefox-Browser ist so flexibel, dass Sie ihn durch bestimmte Befehle und insbesondere mit Hilfe von Add-Ons für eine bessere Leistung optimieren können.Wenn Sie also ein begeisterter Firefox-Nutzer sind und diesen fantastischen Browser noch erstaunlicher gestalten möchten, werfen Sie einen Blick auf diese nützlichen Firefox Sidebar-Add-Ons. Die

(Tech- und Design-Tipps)

Online-Shopping - 6 intelligente Tipps, um mehr für weniger zu bekommen

Online-Shopping - 6 intelligente Tipps, um mehr für weniger zu bekommen

Die Feiertage kommen und die Brieftaschen werden von Tag zu Tag dünner. Es ist schwer, während der Schenksaison nicht großzügig zu sein. Je mehr geliebte Menschen Sie haben, desto wahrscheinlicher ist es, dass Sie sie großzügig ausgeben, um Ihnen ein Jahr ihrer bedingungslosen Unterstützung zu zeigen. Nun,

(Tech- und Design-Tipps)