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


Machen Sie bessere progressive Bilder mit AntiModerate

Das AntiModerate-Skript klingt möglicherweise nicht viel. Aber es ist eines der besten JS-Skripts, die Sie ausführen können, um die Leistung auf einer größeren Seite zu verbessern und eine starke Benutzererfahrung aufrechtzuerhalten.

Mit diesem kostenlosen Plugin können Sie Bilder laden, wenn sie angezeigt werden, und die Gesamtgröße Ihrer Seite reduzieren.

Auf diese Weise kann die gesamte Seite zuerst mit kleinen Platzhaltern für Bilder geladen werden. Dann surfen Ihre Besucher auf natürliche Weise, ohne darauf zu warten, dass jedes Asset geladen wird - aus der Sicht des Benutzers immer eine gute Sache!

So funktioniert das: Sie fügen das AntiModerate-Plugin zusammen mit dem Skript StackBlur.js Ihrer Seite hinzu.

AntiModerate zieht Bilddimensionen und zwingt alle IMG-Tags in eine feste Größe auf der Seite. Diese vorinstallierten Bilder werden durch StackBlur.js geschoben, was die Gesamtgröße der Vorschaudatei drastisch reduziert und somit die Seite wesentlich schneller lädt.

Sobald diese kleineren Bilder vorhanden sind, lädt AntiModerate die Bilder in voller Größe im Hintergrund. Jedes verschwommene Foto wird dann nach dem Herunterladen durch das reguläre Foto ersetzt. Einfach!

Dies spart eine Menge Zeit für das Warten auf Bilder und es hilft Ihnen, Ihre Seite viel schneller zu laden. Es ist ein enormer Vorteil für die Nutzer, da sie schneller mit dem Konsum von Inhalten beginnen können. Dies kommt den SERP-Rankings zugute, da Google viel Wert auf die Seitengeschwindigkeit legt.

Sie können die Bibliothek direkt mit npm oder Bower installieren oder indem Sie das Skript durch GitHub ziehen.

Dies erfordert nur ein paar Zeilen JavaScript und es wird Ihnen sicher helfen, Ihre Seitenladevorgänge zu verbessern. Werfen Sie einen Blick auf das GitHub Repo und scrollen Sie zum Setup-Handbuch, um zu beginnen.

Mit nur ein paar Zeilen Code sollte AntiModerate ein Kinderspiel sein, um auf jeder Seite zu laufen.

Ganz zu schweigen davon, dass dies auf reinem JavaScript läuft, so dass keine Abhängigkeiten wie jQuery benötigt werden um zu funktionieren.

So entfernen Sie App-Storys von Ihrer Facebook-Chronik

So entfernen Sie App-Storys von Ihrer Facebook-Chronik

Langjährige Nutzer von Facebook wissen wahrscheinlich, dass einige Apps, Spiele und Websites von Drittanbietern in die Website des sozialen Netzwerks integriert sind, sodass sich die Nutzer über ihre Konten bei ihnen anmelden können .Während sich die Integration als nützlich erweisen kann, kann dies gelegentlich mit dem Nebeneffekt einhergehen, dass diese Drittanbieter-Apps Ihre Zeitleiste mit Benachrichtigungen überschütten, was dazu führt, dass der News-Feed Ihrer Freunde durch Statusaktualisierungen bombardiert wird.Wenn Si

(Tech- und Design-Tipps)

Animate.css - CSS3-Bibliothek zum einfachen Erstellen von Animationen

Animate.css - CSS3-Bibliothek zum einfachen Erstellen von Animationen

CSS hat sich mit vielen Features verbessert, die die Webentwicklung interessanter und anspruchsvoller machen. Eines dieser Features sind CSS3-Animationseffekte . Bevor Sie CSS3 erstellen, können Sie nur mit Javascript arbeiten. Aber jetzt können Sie es einfach mit CSS3 erstellen.Wir haben Sie mit einem guten Tutorial zum Erstellen von Bounce Effect mit CSS3 vertraut gemacht und in diesem Beitrag werde ich Ihnen eine großartige Bibliothek vorstellen, die die Erstellung von Animationen mit CSS3 noch einfacher macht: Animate.cs

(Tech- und Design-Tipps)