Responsive tables, revisited | Lea Verou


34 bookmarks. First posted by nelson.menezes 9 days ago.


By Lea Verou - May 14, 2018
articles  tables  HTML  CSS  responsive 
3 days ago by mycotn
The usual idea is turning the table into key-value pairs so that cells become rows and there are only 2 columns total, which fit in any screen. So I wondered, is there any way to create it without duplicating content either in the markup or in the CSS? After a bit of thinking, I came up with two ways, each with their own pros and cons.
fridayfrontend  css  html  accessibility  responsive  tables 
4 days ago by spaceninja
Lea Verou даёт советы по вёрстке адаптивных таблиц.
UX  responsive  tables  coding  CSS  howto  issue  scripts 
4 days ago by jvetrau
techniques for achieving responsive table
webdesign  web  design  layout  responsive  table  flow  wrap  tables  css 
5 days ago by piperh
I just starred Responsive tables, revisited on Inoreader https://ift.tt/2jUJRMJ
Web  Development 
5 days ago by ninthart
I wrote up a quick blog post about these two new ways for doing responsive tables, as well as their pros and cons:
6 days ago by wesleythill
I wrote up a quick blog post about these two new ways for doing responsive tables, as well as their pros and cons:
6 days ago by leonbarnard
Lea Verou comes back to one of the more challenging issues we've had since the move from fixed desktop sites to the responsive world, the data table. There are a number of existing solutions which I think are covered really well with Table Saw (link to resource), but these are some interesting approaches that I've not seen before.
newslettered  309  tutorial  tables  news 
7 days ago by justinavery
Many people have explored responsive tables. The usual idea is turning the table into key-value pairs so that cells become rows and there are only 2 columns total, which fit in any screen. However, this means table headers need to now be repeated for every row. The current ways to do that are: via Pocket
Pocket 
7 days ago by LaptopHeaven
background: element(#header);
css  tricks 
7 days ago by oratnin
css for responsive tables - could come in handy!
responsiveTables  table  responsive 
8 days ago by ElliotPsyIT
RT : I wrote up a quick blog post about these two new ways for doing responsive tables, as well as their pros and cons:
from twitter
9 days ago by fjordaan
I wrote up a quick blog post about these two new ways for doing responsive tables, as well as their pros and cons:
from twitter_favs
9 days ago by nelson.menezes