34 bookmarks. First posted by nelson.menezes 9 days ago.
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 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 PocketPocket
7 days ago by LaptopHeaven
tags309 accessibility articles coding css design development feedly flow fridayfrontend front_end howto html ifttt issue jh layout news newslettered pocket responsive responsivedesign responsivetables responsivewebdesign rwd_tables scripts table tables techniques tricks tutorial ux web-dev web webdesign webdev wrap