dcsimg
www.webdeveloper.com
Results 1 to 7 of 7

Thread: iTouch and iPod optimal CSS template

  1. #1
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,434

    iTouch and iPod optimal CSS template

    Is there a CSS template that will allow optimal display
    of iTouch and iPod (and possibly iPad) layouts in both horizontal and vertical modes?

    Is it better to <link ...> or @media or make CSS assignments imbedded in the script code?

    Any recommendations for <div> and <table> tags sizes?

    How useful is the CSS media='handheld' or other assignments for these and other mobile devices?

    Is there a way to see (or simulate)0 the proportional CSS displays on a desktop / laptop computer as they would appear on the mobile devices during the development phase?

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    I have worked only for iPhone applications. Apple has some recommendations for iPhone GUI elements (size, fonts, and so on). You may Google for or, if you are interested, you may wait till tomorrow (I am home now 22:30 PM here) for me to arrive at work and collect all the documentation about the issue.

  3. #3
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,434

    Thumbs up Thanks ...

    Quote Originally Posted by Kor View Post
    I have worked only for iPhone applications. Apple has some recommendations for iPhone GUI elements (size, fonts, and so on). You may Google for or, if you are interested, you may wait till tomorrow (I am home now 22:30 PM here) for me to arrive at work and collect all the documentation about the issue.
    I can wait and I would appreciate what you have.
    I have 'googled', but there seems to be conflicting information and there does not seem to be one "best" recommendation that I can find.

    My current main interest is being able to not over/under-flow the screen with information when the device is rotated vertical - horizontal and back.
    Maybe I'll have to create some 'aspect ratio' function (???)

    Anyway, go to bed, have a good night's sleep and arise well rested!

  4. #4
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    iPhone lies about CSS media='handheld', which won't work.
    @media queries do work, and can be used to create horizontag and vertical classes that adjust your whoile document.

    simply put a couple <body> rules (font size, etc) in specific media query sections, and you wont need any javascript or hacks.

  5. #5
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,434

    Arrow

    Quote Originally Posted by rnd me View Post
    iPhone lies about CSS media='handheld', which won't work.
    @media queries do work, and can be used to create horizontag and vertical classes that adjust your whoile document.

    simply put a couple <body> rules (font size, etc) in specific media query sections, and you wont need any javascript or hacks.
    Thanks, I'll do a little more research using those keywords.
    Do you have any samples files or applications that I could examine?

  6. #6
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    OK, now, here's the official Apple documentation/reference about Safari and Safari for iPhone development:

    http://developer.apple.com/safari/li...roduction.html

    Some interesting things about design for iPhone in this article:
    http://evolt.org/design-for-iphone

    A pertinent analysis about the way iPhone and Safari for iPhone handle the events:
    http://www.quirksmode.org/blog/archi...ne_events.html

    And a compatibility CSS table for smartphones (iPhone included):
    http://www.quirksmode.org/m/css.html

    If you are a designer and you need GUI Photoshop PSD files, send me a PM and give me your email address where I can send you the stuff.

    Regarding the simulator/emulator, well, you need a MAC by all means. The SDK for iPhone/iPod etc, documentation and all you need is to be found at the official apple developer site:
    http://developer.apple.com/iphone/index.action
    you need to register there, but it is for free

    Good luck!

  7. #7
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,434
    Thank you "Kor".
    You've given me a lot to look at and I appreciate it.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles