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 .

10 besten Speicherplatz-Analyzer für Windows 10

10 besten Speicherplatz-Analyzer für Windows 10

Mit der Verbesserung der Qualität von Mediendateien, Spielen und Software werden unsere Computersysteme mit jedem Tag hungrig nach mehr Speicherplatz. Egal, wie groß die Festplatte Ihres Systems ist, Sie werden irgendwann den niedrigen Speicherfehler sehen .Wenn diese Zeit kommt, können Sie entweder die nicht benötigten Daten löschen oder die großen Dateien auf eine externe Festplatte verschieben. Zu d

(Tech- und Design-Tipps)

Wie werde ich ein Gmail Power User? [Infografik]

Wie werde ich ein Gmail Power User? [Infografik]

Das Internet hat versucht, E-Mail für immer zu töten und bis jetzt macht es keinen guten Job. Warum sonst gibt es so viele Anleitungen und Artikel, die Ihnen beibringen, wie Sie Zero Inbox erreichen oder wie man ein Gmail Power User wird ?Diese Infografik fügt dem Stapel zahlreiche hilfreiche Tipps hinzu, mit denen Sie schneller arbeiten (Tastaturkurzbefehle verwenden), produktiver arbeiten (vordefinierte Antworten, automatische Archive) und besser organisiert (Filter, Ordner und Labels verwenden) in Google Mail verwenden können.Mei

(Tech- und Design-Tipps)