Orientation Change of New Apple.com

Discussion in 'September 12, 2012 Media Event' started by Aaronius, Sep 17, 2012.

  1. SilverShip

    SilverShip Well-Known Member

    Joined:
    Sep 5, 2012
    Messages:
    6,207
    Likes Received:
    2,489
    Device:
    iPad
  2. Aaronius

    Aaronius Active Member

    Joined:
    Aug 26, 2011
    Messages:
    428
    Likes Received:
    64
    Device:
    iPad 4
    I remember 360 views of their major products, but not their earpphones! Thanks!
  3. happosai

    happosai Member

    Joined:
    Nov 13, 2007
    Messages:
    33
    Likes Received:
    11
    Device:
    iPhone 5S
    I'll try that on my ipod touch 1G later and see if it'll work...
  4. Apple951

    Apple951 Well-Known Member

    Joined:
    Apr 8, 2011
    Messages:
    9,720
    Likes Received:
    489
    Device:
    iPhone 5S
    Doesn't work on the 4S I used.
  5. XxRedRumxX

    XxRedRumxX Well-Known Member

    Joined:
    Dec 18, 2009
    Messages:
    6,811
    Likes Received:
    1,103
    Device:
    Samsung Galaxy Nexus
    Screenshot_2012-09-19-10-07-30.png
    Its doing it on my Galaxy Nexus
    I don't see why android does it but some iDevices don't.
    _JKK_ likes this.
  6. Qwedgeonline

    Qwedgeonline Well-Known Member

    Joined:
    Mar 17, 2010
    Messages:
    1,308
    Likes Received:
    142
    Device:
    iPad 3
    It works on Mac Safari, too. Just pull the page corner around and it fits to the window size.
  7. _JKK_

    _JKK_ Super Moderator Staff Member

    Joined:
    Jun 8, 2009
    Messages:
    9,559
    Likes Received:
    1,366
    Device:
    iPhone 5S
    It's called responsive design - it's not unique, but it is an emerging trend for websites to automatically readjust their layout depending on resolution/size/orientation/pixel density in order to provide a better experience for visitors.

    Apple is typically on the cutting edge of this stuff, and there are various tidbits in their website that highlight these types of ideas and design philosophies - this one is just the most noticeable.

    Edit: It's platform agnostic, and dependent only on having a modern browser (Safari, Chrome, potentially mobile IE, Android's stock browser, likely others built on Webkit), though keep in mind that certain sizes of devices will be treated differently (i.e., the 3.5 inch iPod touch is treated differently than the 9.7 inch iPad, or even a Galaxy Nexus).
  8. Ferc Kast

    Ferc Kast Active Member

    Joined:
    Nov 21, 2010
    Messages:
    729
    Likes Received:
    100
    Device:
    iPad mini
    As someone who is making a HTML 5 site, I can tell you that they most likely used the CSS attribute and definition "margin:0 auto;" on their table or div tag which has a percentage for its' width; that in turn causes it to be wider in landscape mode and thinner in portrait mode.

Share This Page