It’s an uphill battle for developers to keep up with the ever-expanding number of mobile devices and their different resolutions and screen sizes. And now that tablets have entered the fray, developers have the additional challenge of making their mobile sites stretch to fit the extra real estate.
So how can developers keep up with the growing number of devices and future-proof their mobile site to look good on any device that is, or may one day, be on the market?
At the recent HTML5 TX conference in Austin, Texas, I spoke on WebKit Box and the flexible box model. My session focused on how designers and developers can make mobile sites more adaptable by using proportional sizing. The technique works on iOS, Android, WebOS, and Blackberry and is an ideal solution for near future-proof, cross platform mobile sites.
You can test out this WebKit Box and flexible box model demo, most of which I coded live during the session, on you own mobile device. Click the iPad to see the Flexbox lesson, and on the iPhone to test the demo seen in the video above on your iPhone, iPad, Android or other mobile device.
Sign up for alerts on Mobile Strategy
Stay in the loop with what’s happening in Mobile Strategy. We’ll only email you the relevant news.
