SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: Mobile sites

  1. #1
    @zoopedup radman's Avatar
    Join Date
    Oct 2002
    Location
    South Africa
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mobile sites

    I just got myself a nice .mobi domain

    For fun I want to build a wallpaper mobile site

    Ive gone the route of using html/css, all basic stuff

    Is there a special mobile css sheet I need to use?

    What is the common width for a mobile site?

    How do you make photos downloadable through a mobile interface?

    ps-
    For those that are interested I have found a few mobile emulators to test your sites in.
    http://www.waptiger.com/waptiger/

    http://www.forum.nokia.com/main/reso...dks/index.html

    any help much appreciated

  2. #2
    @zoopedup radman's Avatar
    Join Date
    Oct 2002
    Location
    South Africa
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ive read that you need this line of code in your pages

    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

    Is there something you need to do to make pages xhtml-mp compliant?

  3. #3
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Doctypes are irrelevant.

    You don't even need to use XHTML for sites intended for mobiles. Mobiles don't actually support XHTML anyway (just like IE, except they accept application/xhtml+xml but still treat it as plain old tag soup -- not compliant behaviour).

    The first thing you should do is to test whether current mobiles already support your main site or not. If not, make sure that you use semantic markup and CSS instead of tables for layout and other presentational markup which doesn't work well with mobiles.

    Then, when (if) you've fixed your main site, you can simply make the .mobi redirect to your main site.

    You can have separate style sheets for screen media and handheld media, although this part is a bit tricky as some mobiles will apply the screen media too, so you might have to override things that break in the handheld media, or something along those lines. You can also hide content for mobiles that isn't appropriate or useful for that media (it will still have to be downloaded, but you probably save more bytes by using gzip compression and check your use of images and their compression than omitting content in the markup).

    I know that most mobile tutorials will say different than what I say (e.g., that you must use XHTML-MP, must have a different site, different whatnot), but from what I can tell there's no need to do that at all. Of course you can't trust me any more than the tutorials but I suggest you try yourself to see what works. Don't do more work than necassary just because some .mobi marketing propaganda have lead the mobile tutorial authors to believe otherwise.

    Of course personally I think having a .mobi domain is a mistake in the first place. If the main site works as is (which it does if you do things properly), why have the other domain around at all? But since you already bought it you can still have it just redirect. Having duplicate content isn't good for Google, among other problems it introduces.
    Simon Pieters

  4. #4
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As for your specific questions:
    Quote Originally Posted by radman View Post
    Is there a special mobile css sheet I need to use?
    No. You don't need to use a style sheet at all if you don't want to (not having one might actually work better in some mobiles).
    Quote Originally Posted by radman View Post
    What is the common width for a mobile site?
    The screen width of mobiles and PDAs can be anything between 120-800 pixels, or something like that. This may change in a few years. Just use the full width, and generally just one column.
    Quote Originally Posted by radman View Post
    How do you make photos downloadable through a mobile interface?
    Same as for desktop I'd presume. Plain links to the images, perhaps having content-disposition:attachment to force download if you want.
    Simon Pieters

  5. #5
    SitePoint Wizard ryanhellyer's Avatar
    Join Date
    Oct 2006
    Location
    New Zealand
    Posts
    2,323
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    content-disposition:attachment
    What exactly does this do?

  6. #6
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's a non-standard, but widely supported mechanism for specifying that a resource should be downloaded rather than opened. It can look like this:
    Code:
    Content-Disposition: attachment; file=myimage.jpg
    This usually makes user agents display their 'Save As' dialog box, with the specified file name (myimage.jpg) as the proposed name.
    Birnam wood is come to Dunsinane

  7. #7
    @zoopedup radman's Avatar
    Join Date
    Oct 2002
    Location
    South Africa
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanz Mr. Mentor, hot reply..

    The .mobi is for a new site.. something fresh. After I posted this Q I did some testing and saw what works and what doesnt.

    I have a small mobile wallpaper site going on..

    Does adsense show up on mobile view? I did some tests and nothing showed.. the ads might stil be struggling to get traction. Will wait n see..

    Thanx again!

  8. #8
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've no experience with adsense or other advertising, but aren't adsense ads inserted with JavaScript? I think few mobile devices support JavaScript.
    Birnam wood is come to Dunsinane

  9. #9
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by radman View Post
    The .mobi is for a new site.. something fresh.
    Ah! Then some of my rantings don't apply to you.
    Simon Pieters

  10. #10
    SitePoint Enthusiast
    Join Date
    Jan 2007
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is the Dev site for the .mobi extension. Check it out there are a great deal of helpful links and programs to help you and a Dev blog that will answer almost all your questions for .mobi design requirements.

    http://pc.dev.mobi/?q=node/71

    And if you want a .mobi Dev designed site to start with and expand on they have a compliant site you can download for free here:

    http://pc.dev.mobi/?q=node/10

  11. #11
    @zoopedup radman's Avatar
    Join Date
    Oct 2002
    Location
    South Africa
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    BUYA

    Thanx thats what I needed..


Bookmarks

Posting Permissions

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