June 2013 Meeting Report

At our June meeting, we finished up our look at styling tables to be responsive. We took four examples and applied their techniques to a sample table. Two of the examples just used CSS, while the other two also employed Javascript. The examples required some editing of the sample HTML in order to work, and the results varied in quality. But these samples showed how data in a table can be reconfigured in ways that make the information accessible on a small screen.

The samples we used were:

• Responsive Data Tables by Chris Coyer
• Responsive HTML Tables by Jared Cunha
• Build a Responsive Table Using Only CSS by Michael Musgrove
• jquery.webks-responsive-table by Julian Pustkuchen

Give these a try by copying and pasting the CSS and scripts into a simple table, then check their HTML to see what has to be modified in your sample table. Then try adjusting for different screen sizes. And do a search for other solutions.

We will continue this group in September as the Web Design SIG. The afternoon session will be the new WordPress SIG. See you then.

June 2013 Meeting Announcement -- Responsive Tables - Putting It All Together

For the past few meetings, we have been looking at some new CSS3 selectors and at styling tables. At the June meeting, we will put everything together to style tables that will be re-sized for the device being used. We will look at three or four different solutions and apply them to our own sample table. It should be fun and informative.

And if there are any questions left after this meeting, be sure to join us in the afternoon at the Web Design SIG where we will conduct our second annual Fix Your Website On The Fly meeting. Bring your problem sites, and we will crowd-source a solution among the members.