toppa / Shashin

A WordPress plugin for displaying photos and videos from Google+, Youtube, and Twitpic
http://www.toppa.com/shashin-wordpress-plugin/
GNU General Public License v3.0
24 stars 10 forks source link

New feature: responsive design for thumbnails #38

Closed toppa closed 11 years ago

toppa commented 11 years ago

This is tricky, given that Shashin uses tables to layout the tables (since tables make it practical to programmatically determine the number of columns).

My current idea is this:

Shrink the thumbnails as the page gets narrower. With some math we should be able to figure out the approx width of any given table (based on the number of cols and the size of the thumbnails). If we have to go below, say, 50px wide on the thumbanils, and it still won't fit in the display width, then force the table to a single column, using this clever approach: http://css-tricks.com/responsive-data-tables/

toppa commented 11 years ago

included in version 3.4 - also no longer using tables for layout