• 10 tips on adjusting layout for iPhone – Part 2

    Tip#6 Getting rid of an undesirable pop-up scroll. If a popup has its own scroll and in a hidden state you have just set up negative z-index (and, for instance opacity: 0) - then when trying to scroll the page itself, the pop-up can snap up the scroll and consequently the page’s scroll won’t work. As a remedy you can add ‘pointer-events: none’ to the modal window (in a closed state): .modal{position: fixed;z-index: -9;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;pointer-events: none;}…
  • 10 tips on adjusting layout for iPhone – Part 1

    Apple products have their own specifics and as web developers we often face difficulties that this may cause for layout developers. Here are 10 tips on some specifics to mind when adjusting layout for iPhones: Tip#1 - favicon.ico analog: Case: When a user creates an icon with a link to a website on SpringBoard, iPhone automatically generates an image from a page general layout. As a result in almost every case you get a messy image that hardly can be…