You don't ;)
So you decided to join the mobile world and create a unicorn/droid-ready version of your site. If you happen to use big tables of data on one of your pages you find out they don't really fit in a small screen.
The good guys of the filament group have come up with a #jQuery / #CSS3 / #responsivedesign solution that comes down to this:
– select what is important for a small screen
– show it and hide the rest
– adjust the presentation according to the device so that you don't have to have 3 versions of the same thing
– give the user the option in any case.
Read on how to do it: A Responsive Design Approach for Complex, Multicolumn Data Tables at http://bit.ly/xtiPo0
Google+: View post on Google+
Related
// There are probably thousands of #lightbox solutions but here is fancy one, straight from the refreshed #jQuery #plugins site (http://bit.ly/YBFQye):Photobox promises to be a lightweight image gallery modal window script which uses only #CSS3 for silky-smooth animations and transitions. The goal was to create an image #gallery script…
Burn Flash, burnHere's another use of Flash that can be converted to #HTML5 / #CSS3 : turn.js provides an easy to setup page-flip effect with just a few lines of codes. Get it here http://bit.ly/FOHmkX and also check out this tutorial of an Instragram-powered "magazine" using turn,js http://bit.ly/ym1cDoGoogle+: Reshared 3…
Catch me if you can!Here is a very nice tutorial that +Codrops calls Direction-Aware Hover Effect. Using #CSS3 and #jQuery you can have animated effects when hovering over an element that takes into account the cursor movement. This creates a unique effect on each move a user makes. Check it…
