HTML Table CSS Style Generator

Nachdem ja nun der Bann von HTML Tables scheinbar aufgehoben worden ist, darf man es ja wagen diese wieder zu verwenden. Das macht auch Sinn, weil tabellarische Daten mit DIVs darzustellen zwar geht, aber nicht schön ist. Eine Tabelle mit Daten ist halt ein Table. Was allerdings nicht schön ist, und vor allem Arbeitsaufwand bedeutet, ist das stylen einer Table in CSS. Hier gibt es inzwischen natürlich andere Möglichkeiten und Ansprüche als noch vor 10 Jahren, aber wenn man mal ehrlich ist: eigentlich ist das eine nervige Fleißaufgabe.

Screenshot des Table Style Generators

Sogar Excel ist ja in seiner 2010 Version auf die Idee gekommen das man eine Tabelle durchaus mit Formatvorlagen durchstylen kann, und nichts anderes mach der HTML Table Style Generator. Man kann hier zum einen zwischen mehreren Formatvorlagen auswählen, zum anderen können alle Zellen der Tabelle sowohl in Schrift als auch in Farbe angepasst werden. Das Tool nutzt die jQuery UI und lässt die Eingabe über die bekannten Slider und Color Picker zu. Was mir ein wenig fehlt ist das Nutzen von Google Fonts, aber ansonsten ist das Tool prima zum auffrischen nüchterner Tabellen.

Werft einfach mal einen Blick drauf und ich wette, das ihr das brauchen könnt. Vielleicht lässt sich der Programmierer ja noch davon überzeugen anstatt Vanilla CSS auch SASS oder LESS anzubieten! ;)

Ähnliche Beiträge

Schnellere Webentwicklung mit MarkerCSS? Mit all den notwendigen Browser-Workarounds, und der generellen Schreibwütigkeit, die man zur Erstellung von CSS aufbieten muss, gehen derzeit viele B...
Responsive Emails mit MJML für alle Clients Responsive Emails für zum Beispiel Newsletter sind eine schlimme Sache. Man könnte sogar sagen: HTML in E-Mails ist generell eine noch schlimmere Sach...
Einfaches HTML Testing mit dem HTML Inspector Damals, als ich noch den Firefox verwendet habe, gab es ein nettes Tool mit dem man testen konnte ob HTML valide ist. Dann kam HTML5, alles wurde ande...
Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...

Eine Antwort auf „HTML Table CSS Style Generator“

  1. Für tabellarische Daten gab es noch nie einen Bann für das TABLE-Element. Im Gegenteil, es wurde vom W3C und Co. immer betont, TABLE nur für tabellarische Daten zu nutzen :)

    Aber danke für den Tipp mit dem Generator. Der macht wirklich einen sehr guten Eindruck und vereinfach das mühselige Erstellen von Tabellen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.