Monday, February 01, 2010

Use CSS Media Queries to target the iPhone.

Last week Steve Jobs unvieled the new Apple iPad. Happily, almost everything we've been learning about developing iPhone Web Apps looks like it's going to work the same for Apple's new tablet.

Here is a short video exceprt from the first week of Elisabeth Robson's course, Learn to Build iPhone Web Apps, showing how to use a simple CSS Media Query to easily customize your website for visitors on mobile browsers.

Note: Although this was presented two weeks before the iPad announcement, the first question asked in Q&A was about Apple's upcoming then-unconfirmed tablet device.

Source: We demonstrate a simple CSS Media Query for sample CreativeTechs Web App. Visit this page from an iPhone, and you see a sample App. Visit from a desktop broswer and the page is tucked into a simple iPhone preview:

http://creativetechs.com/iphone

No comments: