Leichtgewichtig, schnell und flexibel: List.js für HTML-Listen

List.js – JavaScript-Library für mehr Flexibilität bei HTML-Listen und -Tabellen
Kommentare

Mit HTML erstellte Listen und Tabellen sind zwar nützlich, aber überzeugen nicht immer mit der größten Funktionalität. Vor allem was Such- und Sortiermöglichkeiten angeht, muss man für mehr Flexibilität ein wenig nachhelfen – zum Beispiel mit der JavaScript-Library List.js.

Die ist nicht nur besonders leichtgewichtig, sondern verspricht auch Schnelligkeit und eine einfache Handhabung. List.js funktioniert zudem nicht nur bei der Anwendung auf HTML-Listen oder –Tabellen, sondern auch auf nahezu alle anderen HTML-Elemente. Besonders praktisch dabei: es gibt keine zusätzlichen Dependencies.

Features von List.js

List.js bietet eine Reihe nützlicher Features für die Arbeit mit der Library. So soll sie nicht nur leicht zu nutzen sein, sondern verhält sich in der Nutzung auch nahezu unsichtbar. Dabei kann sie problemlos auf bestehendes HTML angewandt werden – und zwar auch bei großen Mengen von Items. Dazu ist sie besonders leichtgewichtig und umfasst gerade einmal 5KB minified und gzipped.

Der Fokus der JavaScript-Library liegt darin, Such-, Filter- und Sortierfunktionen zu HTML hinzuzufügen; ebenso umfasst List.js ein einfaches Templating-System, das die Möglichkeit, Items hinzuzufügen, zu entfernen und zu bearbeiten, ergänzt.

Außerdem bietet List.js die Möglichkeit, einige bereitstehende Optionen an die eigenen Bedürfnisse anzupassen oder Plugins zu nutzen beziehungsweise eigene Plugins zu erstellen.

Download und Browser-Support

Der Download und die Installation von List.js sind simpel: Die Library kann entweder über Bower oder CDNJS heruntergeladen; alternativ steht sie auch auf der Projektwebsite zum Download zur Verfügung. Auch der Browser-Support kann sich sehen lassen, es werden etwa Chrome, Firefox und der Internet Explorer ab Version 6 unterstützt.

Mehr Informationen sowie Tipps zur Nutzung von List.js finden sich zum Beispiel in der Dokumentation oder auf GitHub; dort finden sich auch verschiedene Beispiele, die die Library in Aktion zeigen.

Name List.js
Hersteller Johnny Strömberg
Projektwebsite http://www.listjs.com/
GitHub https://github.com/javve/list.js

Aufmacherbild: Notebook with blank checklist von Shutterstock / Urheberrecht: kenary820

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -