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


Progressiv können Sie Bilder mit Vanille JS laden

Jede moderne Website muss schnell sein. Obwohl es viele Techniken und Plugins gibt, um die Seitengeschwindigkeit zu erhöhen, wissen Sie vielleicht nicht, wo Sie anfangen sollen.

Das Progressive-Skript ist eine großartige Ressource für die Erhöhung der Seitengeschwindigkeit . Es funktioniert wie ein Lazy Loading Image-Skript, das Bilder progressiv lädt, während der Benutzer die Seite herunterscrollt.

Es ist ein kostenloses Open-Source-Projekt, so dass Sie es herunterladen und auf einer beliebigen Website ausführen können. Plus es läuft auf 100% Vanille JS, so dass es keine Abhängigkeiten hat, die Sie niederschlagen können .

Sie können sich die Live-Demo auf der Progressively-Homepage ansehen.

Es ist etwas anders als andere Lazy-Load-Skripts, da es feste Bildgrößen für die ganze Seite enthält. Dies verhindert den immer so nervigen Seitensprung, den Sie sehen, wenn Bilder schnell in die Ansicht geladen werden und die Inhaltshöhe erhöhen.

Und die Bildplatzhalter sehen tatsächlich wie die Bilder aus, die Sie laden. Genial!

Mit dieser ausgefeilten Technik können die Besucher sehen, wie die Bilder aussehen, bevor sie geladen werden . Es wird alles über JavaScript gehandhabt, das den Standort des Benutzers auf der Seite überprüft und Bilder vorlädt, wenn sie in Sicht kommen.

Progressiv hat eine ziemlich umfangreiche API, so dass es eine gute Wahl für Web-Entwickler ist. Das Setup kann technisch sein, so dass es hilfreich ist, wenn Sie sich mit der grundlegenden Frontend-Programmierung auskennen.

Aber Sie können mehr über die GitHub-Hauptseite erfahren, die die vollständige API-Dokumentation, Setup-Anweisungen und Beispielcode-Snippets enthält, die Sie für Ihre Projekte kopieren und einfügen können.

Wenn Sie ein vertrauenswürdiges Lazy-Loading-Image-Skript ohne die lästigen Abhängigkeiten benötigen, geben Sie Progressiv eine Chance. Es ist völlig kostenlos und bietet eine Vielzahl von Anpassungen für Entwickler.

Werfen Sie auch einen Blick auf den Progressiv GitHub, um mehr zu erfahren und den herunterladbaren Quellcode zu lesen.

10 Mobile Chat Apps, um Nachrichten anonym zu senden

10 Mobile Chat Apps, um Nachrichten anonym zu senden

Das Phänomen des Oversharings ist ein echter Kampf. Meinungen, die aus dem Zusammenhang gerissen werden, werden verpönt, missbraucht und manchmal verheerend im Leben des Teilhabers. Manchmal möchten wir jedoch nur anonym bleiben und Menschen finden, die Ihnen helfen können, sich auf Ihr Problem zu konzentrieren oder sich auf Ihr Problem zu konzentrieren, anstatt die Person, die dahinter steckt.Hie

(Tech- und Design-Tipps)

Diese GitHub-Seite listet Nicht-JS-Alternativen für allgemeine UI-Funktionen auf

Diese GitHub-Seite listet Nicht-JS-Alternativen für allgemeine UI-Funktionen auf

Wie oft wollten Sie ein schnelles CSS-Slideshow oder modales Fenster erstellen ? Dies sind einige der gebräuchlichsten UI-Elemente im Web und heutzutage können Sie sie ohne JavaScript erstellen.Sicher, es ist möglich, Google auf der Suche nach Lösungen zu treffen. Aber warum nicht aus einer kuratierten Liste von tollen Ressourcen auswählen ?Hier

(Tech- und Design-Tipps)