Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

CompareNinja: Schicke Vergleichstabellen mit HTML und CSS

CompareNinja ist eine Webapp mit der sich einfach und schnell Vergleichstabellen in HTML und CSS generieren lassen. Dafür steht ein kostenloser Step-By-Step Wizard mit schicken Skins zur Verfügung. Auch ohne Registrierung hat man bereits die Wahl zwischen zwei verschiedenen Tabellenstyles und kann sofort mit der Tabellenerstellung loslegen. Als angemeldeter Nutzer bei CompareNinja gibt es dann eine Auswahl von zehn schönen Designs für die eigene Vergleichstabelle.

CompareNinja: Schicke Tabellen schnell online erstellen.

Und das funktioniert so: Man gibt flott den Tabellentitel und die Anzahl der zu vergleichenden Kategorien an und schon wird der HTML-Output generiert. Auch nachträgliches Ergänzen von Zeilen und Spalten ist kein Problem bei CompareNinja. Der Quellcode ist eine valide Mischung aus table-, td- und div-Tags sowie Cross-Browser tauglich.

Step-By-Step Wizard für Tabellenerstellung

Als Vergleichsoptionen stehen klassiche Symbole wie ein rotes Kreuz, ein grüner Haken, ein Unentschieden-Icon oder freie Texteingabe im Inline-Editing-Modus zur Verfügung. Als Spaltenüberschrift kann wahlweise statt Text auch ein Bild eingefügt werden. Am Ende kann man seine neu erstellte Tabelle noch in allen gängigen Social Networks teilen oder einfach den HTML-Code per copy und paste in die eigene Seite einfügen. Kurzum: Mit CompareNinja steht ein intuitives Werkzeug für ansehnliche Tabellengenerierung bereit, das dazu noch 100% kostenlos genutzt werden kann.

Weiterführende Links:

Bitte beachte unsere Community-Richtlinien

6 Reaktionen
Monika Steinberg

@abogomolov meine Vermutung dazu ist, dass der Name der Tabelle einmalig sein soll, weil alle erzeugten Tabellen nach der Erstellung automatisch unter "Examples" auftauchen. Das der Titel auch PK in der DB ist, wäre tatsächlich ungewöhnlich - habe ich aber auch keinen Einblick.

Alexander Bogomolov

Was ich nicht verstehen kann, ist wieso das Teil mir immer sagt, dass eine Tabelle mit dem Namen schon existiert. Ich habe noch gar keine angelegt. Und selbst wenn, wieso sollte das verboten sein? Deswegen habe ich die Vermutung, dass der Titel auch der PK in der Datenbank ist. (Ich hoffe ich liege falsch.)
Optisch ist das Teil aber echt cool! :D

Monika Steinberg

@lineman ja richtig, das bekannte Problem mit Tabellen. Bei CompareNinja steht eindeutig das schnelle Erstellen mit netter Optik im Vordergrund, würde ich sagen ;)

Monika Steinberg

@Thomas Quensen Zugegeben, es gibt wirklich schöneren Quelltext. Aber um mal eben auf die Schnelle eine schicke Vergelichstabelle zu erzeugen, finde ich CompareNinja in Ordnung. Viele Generatoren legen nicht unbedingt großen Wert auf Quellcode, oder? Falls Du bessere Alternativen kennst, würde ich mich über einen Link freuen.

Thomas Quensen

Der Quellcode, den das Tool ausspuckt, ist echt mies...
kein alternativtext für die Ja/Nein-Grafiken, kein thead, nicht mal th - ganz abgesehen von scope, colgroup oder summary

Wirklich nicht zu empfehlen...

lineman

Zitat: "Mit CompareNinja steht ein intuitives Werkzeug für ansehnliche Tabellengenerierung bereit, das dazu noch 100% kostenlos genutzt werden kann."

Und zu 100% nicht barrierefrei ist ;)

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Finde einen Job, den du liebst