web page compatible for mobile phone browsing

Discussion in 'HTML & Website Design' started by paul_gauguin87, Feb 5, 2009.

  1. #1
    how do you optimize a page for mobile phone browsers, as well as normal pc browsers..
    do you use a certain doctype?? do you add any plugins??

    the only thing i do is test the pages on sites like testiphone.com

    any thoughts appreciated!!
     
    paul_gauguin87, Feb 5, 2009 IP
  2. shailendra

    shailendra Peon

    Messages:
    1,225
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i don't think that we have to optimize or change anything for it being viewed on mobile phone
     
    shailendra, Feb 5, 2009 IP
  3. paul_gauguin87

    paul_gauguin87 Peon

    Messages:
    79
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i'm sorry that is the wrong answer...
    if you are not sure then why just not post an answer...
    i just found out that for example in wordpress you can put a plugin that detects ifu are using mobile phone and optimizes your blog making it more mobile phone friendly...

    anybody ELSE have any more suggestions to make??
     
    paul_gauguin87, Feb 6, 2009 IP
  4. Sparaker

    Sparaker Peon

    Messages:
    204
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    i think there is another html type or something for the mobiles. Google has it somewhere in their webmaster tools. You could look it up from there.
     
    Sparaker, Feb 6, 2009 IP
  5. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Existing Web pages can be optimized for small screen rendering in Moble devices such as cell phones and PDAs.

    Hand-held mobile devices such as the Blackberry (8800, Curve, Pearl), and the Palm Treo 650, employ Web Page Small Screen Rendering which can be emulated in Firefox for testing via the top drop-down menu: Tools> Web Developer> Miscellaneous> Small Screen Rendering (or via Miscellaneous> Small Screen Rendering from the drop-down menu in Chris Pederick's Web Developer add-on). The same facility is available in Opera, another excellent developer tool, via View> Small screen (toggle) from the top drop-down menu.

    Following are some considerations that Web authors should take into account when optimizing regular web pages for mobile device rendering:

    * Structure pages utilizing header markup - use h1 for the page title and h2-h6 for section headings.
    * Keep images small - large ones take too long to load and do not render well.
    * Use short Link titles and URLs - long ones will truncate.
    * Use proportional, rather than absolute, sizing and dimensions (% and em rather than pixels).
    * Use basic font styles - PDAs only use the most common ones (Times new-Roman, Arial, etc.)
    * Avoid using Tables for layout - they do not work well.
    * Avoid Frames - they do not work at all on small screens.
    * Minimize use of scripting (JS, etc.) which can cause severe battery drain.

    JFP
     
    jamesicus, Feb 6, 2009 IP
  6. shailendra

    shailendra Peon

    Messages:
    1,225
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Actually i viewed few sites on my mobile and they were completely viewable and working fine
     
    shailendra, Feb 6, 2009 IP
  7. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #7
    When I visit our local shopping mall I frequently stop at the some of the numerous cell phone vendor kiosks and ask salesman to check how a few of my web pages render in various products -- I haven't been turned down so far -- they are often bored and only too willing to demonstrate their wares (besides there may be a sales possibility).

    James
     
    jamesicus, Feb 6, 2009 IP
  8. My220x

    My220x Member

    Messages:
    624
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    35
    #8
    Yes you may not have had to do anything for it to be viewable and to work on the mobile phone however there are things you can do to make your site load faster and to make the content much easier to read.
     
    My220x, Feb 6, 2009 IP