How do you make a spreadsheet-like interface responsive without the use of any JavaScript? This is the question I’ve been asking myself all week as I’ve been working on a new project and trying to figure out how to make …
Richard Rutter, in support of his new book Web Typography, shares loads of great advice on data table design. Here’s a good one:
…You might consider making all the columns an even width. This too does nothing for the
The Media Object pattern is: image thingy on the left, heading and text on the right.
That’s what Nicole Sullivan called it and the name stuck. It’s a pretty simple pattern, but like all things web design, it can …
The table-layout property defines what algorithm the browser should use to lay out table rows, cells, and columns.…
The caption-side property in CSS allows you to define where to position HTML’s <caption> element, used on HTML table headers. This property can also apply to any element whose display property is set to caption-side.…
Matthew Ström on how data tables can be better through things like alignment, rules, labels, backgrounds, and the type of numerals used:
…Oldstyle figures look nice in sentences, where they better match the size and spacing of lower-case letters; lining
The border-collapse property is great for making borders even all around <table></table> cells. It makes for a clean look that I actually prefer.
But, there is something that can cause issues with how a browser draws the cells and their …
There is no single solution to make any <table></table> appropriately responsive. That’s what I like about this post by Davide Rizzo: it admits that, then gets on with some solutions. This is a great addition to territory we’ve been …
