Как адаптировать ваш сайт под iPhone X? Рассказывает Apple

29

Накануне выхода iPhone X компания Apple опубликовала инструкции для разработчиков, адаптирующих свои приложения под нестандартный экран нового дисплея. Теперь же компания решила поделиться советами с веб-дизайнерами, которые хотят, чтобы их сайты смотрелись современно.

В число нововведений iOS 11.2 вошел обновленный набор инструментов API для WebKit — технологии, которая лежит в основе браузера Safari. Обновленные инструкции, доступные на специальной странице, позволят веб-разработчикам сделать так, чтобы просмотр их сайтов на экране iPhone X не вызывал раздражения и разочарования.


Самая серьезная проблема связана с сайтами, у которых контент располагается по всей ширине и при прокручивании может закрываться пресловутой бровкой дисплея нового iPhone. Создателям таких сайтов рекомендуется в срочном порядке переписать используемый движок, чтобы исправить данную проблему.

Лучший комментарий

29 комментариев Оставить свой

  1. 0

    Пошёл писать.

    • 0
      Designer_Andrew

      美少女, Ну собственно не велика проблема, нужно чтобы браузер предоставлял возможность масштабирования, в случае, если месте выреза есть что-то важное на странице. Хотя в 99% в этом месте обычно ничего важного не бывает.

    • 1

      美少女, Ну вообще адекватные разработчики всегда оставляют отступ справа и слева. Просто это не всегда 20 пикселей, бывает и меньше

  2. 5

    Нагородим-ка мы геморроя на дисплей, чтобы сайты смотрелись современно. А разработчики? Ну что разработчики? Они ж рабы на галерах. Пущай костыли городят и рушат свои макеты в угоду нашему видению!

  3. 2
    shizlemynizzzle

    Не знаю ни одного человека который смотрел сайты не в альбомной ориентации, а воообще пользовался телефоном так. Так что проблем не вижу

    • -7

      shizlemynizzzle, Приплюсуюсь. Дятлы, смотрящие сайты на айфоне в горизонтальной ориентации идут лесом.

      • 0

        weart, Тут такое дело. Есть ещё много..кхм..»разработчиков» которые слышать не слышали про адаптивность для смартфонов.

        • 0

          Bishop, да ну ты брось. Это отдельная статья расходов, за которую заказчик не всегда готов платить, особенно если это большой проект (что на порядок увеличивает конечный ценник). А простые сайтики подогнать под девайсы не сложно.

      • 1

        weart, «вы просто его неправильно держите»

  4. 0

    Многие просто забьют на этот косяк. Не такая уж и проблема.

  5. 2

    «Создателям таких сайтов рекомендуется в срочном порядке переписать используемый движок, чтобы исправить данную проблему.»

    Может просто на телефон забить? Ну щас, из-за него «одного» переписывать весь инет 🙂

  6. -1

    Ну это же очевидно, что этот дисплей полныц шлак, зачем эта бровь или как там её ???

    Самсунг плохой но экран у него без брови выглядит лучше!

    • 0
      shizlemynizzzle

      CAMOKAT, Человек может привыкнуть по всему, так мы устроенв

    • -1
      Designer_Andrew

      CAMOKAT, У самсунга выпилены пиксели и снизу и сверху, а у айфона лишь только там, где нельзя не выпилить. При том, что никакой софт не сможет вернуть самсунгу пиксели, а для айфона, при желании, можно просто поставить соответствующие обои — и вот и квадратный дисплей, если уж так хочется.

  7. 0

    Уверен такую форму дисплея будут иметь многие смартфоны 2018 года, да и следующее поколение Х так же будет иметь бровь) отличный дизайн, мне нравится! Главное удобно и не мешает.

    • 0

      araikk, Я думаю, что это как раз недостаток. Ничего не должно загорождать изображение, — это аксиома. Но люди конечно привыкнут, раз Эпл так сделала, значит так надо 🙂

      Могли бы сместить датчики немного выше и не делать этот вырез на экране. В будущих девайсах я думаю эту проблему решат

  8. 0

    Новость ни о чем. Ссылка и стандартное заключение с введением, что бы знаком побольше было.

  9. 0

    А почему нельзя повернуть телефон в другую сторону, например? Чтоб бровь была справа. Там ведь на всех сайтах пусто!

    • 0

      Danger, большинство контента адаптируется под полный экран. Да, немного меньше вероятность справа — не каждая строка идет до правой границы параграфа и т.п. Но проблема от этого не уходит…
      Я тоже не понимаю, почему нет глобальной настройки ограничивать по-умолчанию область отображения программ(ы) той, где нет наложения «брови». Те программы, которые умеют ее поддерживать — вперед, те, кто не умеют, получали бы нормальное отображение с полями не за счет мучений пользователя (да и программистам работы — ого-го, я уже попробовал адаптировать свою программу под Х)…

  10. 0

    «современно» — это с вырезанным куском что ли?

Авторизуйтесь Чтобы оставить комментарий

Новости партнеров