Москва +7 499 348-95-25
Барнаул +7 3852 99-77-27
14.06.2012

«Ретина» и паникеры

Корпорация Apple выпустила новый «Мак-бук-про» со встроенным Retina-дисплеем. Разработчики в панике — разрешение монитора — невиданные доселе 2880×1800 пикселей! Как же верстать сайты? Сейчас и так приходится адаптировать верстку под два–три браузера и несколько разрешений; появление на рынке такого монитора добавляет забот разработчикам и удорожает саму разработку.

Картинка со страницы описания Mac Book Pro

Попробуем разобраться, насколько серьезна проблема и есть ли она вообще.

Основным преимуществом «Ретина»-дисплея ( «Эпплы», разумеется, выдают это за преимущество, а разработчики видят в этом минус) является то, что точка на нем перестает быть заметна глазу. То есть, наших пресловутых пикселей на дюйм стало настолько много, что их теперь не разглядеть. А теперь посмотрим — где на сайте может быть заметен пиксель в принципе:

  • в фотографиях;
  • в иллюстрациях;
  • в рекламных баннерах.

Некоторые разработчики сейчас вскричат: «А как же оформление сайта: скругленные уголочки, стеклянные кнопочки, градиентные заливки?». Им можно ответить: «А на что вам CSS3?». На что сразу поступит встречный вопрос: «Интернет-эксплорер до сих пор практически не поддерживает CSS3!». Тут нам, как будто, впору и признать поражение, но не тут-то было!

Кроссбраузерность — тема отдельного поста и в ней тоже можно здорово «похоливарить». Однако, сейчас нам нужно придумать, как нам быть при оформлении сайта для отображения на «ретина»-дисплее. А все уже давно придумано за нас:

  • Размер шрифтов нужно указывать в процентах;
  • Значения для свойств CSS — в относительных величинах.

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

«Эппл» в очередной раз совершили огромный шаг вперед и, ни в коем случае, не следует мешать этому шествию. Это и есть прогресс.

ВерсткаApple 

© 2011–2018 VT Digital    Политика    +7 3852 99-77-27    hello@vt.digital
ул. Энтузиастов, 52 656065 Барнаул