4 ms·
That looks pretty neat. The table layout is ugly, though. As this is a pretty basic HTML table, you can't do much but you can certainly do better than a table
by bhaak 8y ago
That looks pretty neat.
The table layout is ugly, though. As this is a pretty basic HTML table, you can't do much but you can certainly do better than a table with all borders.
I thought I learned about web table design in a very concise article but I couldn't find it. The best my google-fu provided is this article: https://alistapart.com/article/web-typography-tables https://alistapart.com/article/web-typography-tables
Some quotes:
"As a starting point, avoid any border or frame surrounding the table. This is a Victorian embellishment which is entirely unnecessary as text alignment will shape the table just fine."
"Tables should not be set to look like nets with every number enclosed. Try to do without rules altogether. They should be used only when they are absolutely necessary. Vertical rules are needed only when the space between columns is so narrow that mistakes will occur in reading without rules. Tables without vertical rules look better. Thin rules are better than thick ones."
Edit: Here is a quick design I tried: https://i.imgur.com/xgKsNvy.png https://i.imgur.com/xgKsNvy.png
I didn't do any color striping, this would also be an improvement to distinguish the table head from the table rows but I didn't find quickly any coloring I liked.
- archmaster 8y agoHmm, interesting... wanna make a pull request with suggested changes?
- bhaak 8y agoPR done. I went with this design: https://i.imgur.com/7z9wTe9.png https://i.imgur.com/7z9wTe9.png