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.
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:
8 Answers
von lineman 21.12.2011 (13:36Uhr) 1.
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 ;)
von Thomas Quensen 21.12.2011 (13:48Uhr) 2.
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...
von Monika Steinberg 21.12.2011 (13:57Uhr) 3.
@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.
von Monika Steinberg 21.12.2011 (14:01Uhr) 4.
@lineman ja richtig, das bekannte Problem mit Tabellen. Bei CompareNinja steht eindeutig das schnelle Erstellen mit netter Optik im Vordergrund, würde ich sagen ;)
von abogomolov 21.12.2011 (14:11Uhr) 5.
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
von Monika Steinberg 21.12.2011 (14:19Uhr) 6.
@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.
von [KW51] Themen der Woche » IT::fsin… 26.12.2011 (22:25Uhr) 7.
[...] CompareNinja: Schicke Vergleichstabellen mit HTML und CSS [...]
von Origami und Cartoons – Webdesign-L… 28.12.2011 (22:47Uhr) 8.
[...] 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 … Read more on t3n Magazin [...]