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


Multirange-Polyfill-Unterstützung für HTML5-Slider mit zwei Handgriffen

Die neuen HTML5-Bereichseingaben sind für Mengen und dynamische Auswahlen wie Daten fantastisch. Der Standardbereichsschieberegler unterstützt jedoch nicht mehrere Griffe .

Geben Sie Multirange ein, ein Polyfill, das zur Unterstützung mehrerer ordnungsgemäß funktionierender Handles erstellt wurde und alle gängigen Browser unterstützt.

Dies ist ein kostenloses Tool und bietet die beste Möglichkeit, mehrere Handles nativ hinzuzufügen, ohne ein Plugin zu verwenden. Dieser Polyfill hat zwei Ressourcen : eine JS-Datei und eine CSS-Datei . Beide arbeiten an Range-Eingängen und Sie können beide vom Haupt-GitHub Repo herunterladen .

Beachten Sie, dass Sie mit Browsern arbeiten müssen, die bereits standardmäßig die Bereichseingabe unterstützen . Es erfordert auch CSS-Variablen, die nicht in allen Browsern unterstützt werden.

Glücklicherweise verwendet Multirange ein CSS-Fallback, bei dem zwei Bereichsschieberegler anstelle von einem verwendet werden. Dies ist keine perfekte Lösung, bietet aber dennoch eine nutzbare Oberfläche. Auf der positiven Seite, das funktioniert direkt aus der Box ohne Bedingungen.

Fügen Sie einfach die Dateien zu Ihrer Site hinzu und Sie können das Attribut multiple in Ihren Slider-Feldern verwenden. Sie können Bereiche für Eingabewerte auch mit einem Komma festlegen .

Hier ist ein kurzer HTML-Ausschnitt mit dem Schieberegler "Multirange":

Die Griffe können aneinander vorbei gezogen und sogar übereinander gelegt werden . Und der Bereichseingang unterstützt weiterhin die Tastaturnavigation, was für die Zugänglichkeit sehr gut ist.

Alle Demos und Quellcode-Beispiele finden Sie auf der Multirange-Webseite. Wenn Sie also nach einem Mehrbereichs-HTML-Slider suchen, sollten Sie es ausprobieren .

Levitation Fotografie: 65 atemberaubende Beispiele und Tutorials

Levitation Fotografie: 65 atemberaubende Beispiele und Tutorials

Viele sagen schweben in der Luft, oder so genannte Levitation ist unmöglich. Nun, in der Tat ist alles möglich, alles, was Sie tun müssen, ist sich selbst zu glauben, ernsthaft, glauben Sie, dass Sie es erreichen können! Und uh, glauben Sie, dass Photoshop Ihnen dabei helfen kann. Okay, ich spreche über Levitation mit Hilfe von Cheat-Tool wie Photoshop.Levi

(Tech- und Design-Tipps)

Facebook beteiligt Drittanbieter-Fact-Checker, um seine Nachrichten zu überprüfen

Facebook beteiligt Drittanbieter-Fact-Checker, um seine Nachrichten zu überprüfen

Kuratierte Inhalte und ein Umfrage-System sind nur die Spitze des sprichwörtlichen Eisbergs in Facebooks Versuchen, gefälschte Nachrichten zu knacken . Das Social-Media-Unternehmen setzt jetzt die Hilfe von Drittanbieter-Fact-Check-Organisationen ein , um gefälschte Nachrichten zu identifizieren, bevor sie viral werden.Vo

(Tech- und Design-Tipps)