«
»

Creative Tip: 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

This entry was posted on Sunday, January 31st, 2010 at 10:48 pm and is filed under Creative Tip. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

4 Responses to “Use CSS Media Queries to target the iPhone.”

  1. Rhett Says:
    February 1st, 2010 at 6:10 am

    Glad to see you used my idea :)

    (i think Craig called it “cute”)

    http://creativetechs.com/iphone/

    the still aspiring to be a CreativeTech,
    Rj

  2. mia Says:
    May 3rd, 2010 at 10:17 am

    couldnt have said it better myself, well done

  3. Lura Stubits Says:
    May 28th, 2010 at 4:40 am

    Lets face it — the use of tables for page layout was a giant workaround in the presense of

  4. 1200g an hour world of warcraft icecrown herbs Says:
    June 1st, 2010 at 12:48 pm

    This site is a walk-through for all the information you wanted about this and didn’t know who to ask. Look here, and you’ll definitely find it.

Leave a Reply