Orientation Change of New Apple.com

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

  1. SilverShip Well-Known Member

    Member Since:
    Sep 5, 2012
    Message Count:
    4,626
    Device:
    iPad 2 (White)
  2. Aaronius Active Member

    Member Since:
    Aug 26, 2011
    Message Count:
    428
    Device:
    iPad 4
    I remember 360 views of their major products, but not their earpphones! Thanks!
  3. happosai New Member

    Member Since:
    Nov 13, 2007
    Message Count:
    25
    Device:
    iPod touch
    I'll try that on my ipod touch 1G later and see if it'll work...
  4. Apple951 Well-Known Member

    Member Since:
    Apr 8, 2011
    Message Count:
    9,078
    Device:
    iPhone 4S (White)
    Doesn't work on the 4S I used.
  5. XxRedRumxX Well-Known Member

    Member Since:
    Dec 18, 2009
    Message Count:
    5,989
    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 Well-Known Member

    Member Since:
    Mar 17, 2010
    Message Count:
    1,101
    Device:
    iPad 3
    It works on Mac Safari, too. Just pull the page corner around and it fits to the window size.
  7. _JKK_ Front Page Reporter

    Member Since:
    Jun 8, 2009
    Message Count:
    8,858
    Device:
    Nexus 4
    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 Active Member

    Member Since:
    Nov 21, 2010
    Message Count:
    649
    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.