Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Building mobile friendly websites

    I'm just realizing that it's becoming more and more important to think about mobile devices and browsers when building your website.

    My questions are:

    Is there anything special necessary when building your site to consider for mobile devices?

    When trying to build your website on your desktop/notebook, how can you imitate a mobile display to view how the site is rendered on the mobile device? (Especially since I don't own one).

    Should you build a site version capable of viewing on an extremely small screen? If so - how would you steer the device to this build?

    Any discussion on these questions would be extremely helpful!

    Thanks,

    Mike

  • #2
    Regular Coder
    Join Date
    Nov 2005
    Location
    North Canton, Ohio
    Posts
    118
    Thanks
    11
    Thanked 4 Times in 4 Posts
    There's two things you can use for mobile viewers.
    The better one is using CSS media types, that way they stay on the same page and have the same content.
    http://www.w3schools.com/css/css_mediatypes.asp

    The other one is made specifically for mobile browsing, and is a XML code. It's WML. Although you will need to have your server set to redirect WAP devices to go there, and it's a bit limited on what you can make with it.
    http://www.w3schools.com/wap/

  • #3
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thanks

    Thanks for your reply - I really appreciate the info.

    Mike

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,915
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    There are a lot of sources about developing websites for mobile devices, you just have to use a search engine.

    It’s not just using different media types, though, you have to write proper HTML in general and keep documents small for low bandwidth. Basically it’s not different from developing regular websites (because it’s only different styles you serve, not differnet content): use clean, semantic HTML and in this case more than ever keep progressive enhancement in mind. Develop your site so it works with the simplest devices (i.e. no styles, no JavaScript, no Flash), and add enhancements for those devices that support them.

    Then, to test those sites you can use Device Central (comes only with another Adobe CS product) which simulates many different devices. Or, you can use a web service like http://ready.mobi/launch.jsp?locale=en_EN . These are a little limited but they give you an idea.

    There are also good articles on developing websites for the iPhone. That’s a little different than other devices.

  • Users who have thanked VIPStephan for this post:

    abduraooft (03-26-2008)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •