Надеюсь этот пост послужит ликбезом всем веб-дизайнерам, верстальщикам, и проджект-менеджерам. Если вы хороший верстальщик, вас однозначно раздражают растровые изображения. Вы ненавидите растр, и всё, что имеет заметные глазу пиксели. Если это не так, добро пожаловать под кат.
Читать дальше →

В этой статье очень подробно описано пошаговое создание адаптивного меню для сайта с несколькими вариантами компоновки элементов (в зависимости от размера экрана девайса). Для поддержки retina-экранов используется иконочный шрифт.



Демо / Скачать исходники
Читать дальше →

Передача жить здорово выпуск от 29.11.2012. Смотреть онлайн бесплатно последний выпуск за сегодня. Про жизнь Это нормально? Нормальна ли повышенная ночная потливость, крик во время оргазма и уплотнения в яичке. Про еду Чем полезна рисовая лапша Как правильно приготовить рисовую лапшу? Про медицину Что такое ретинит пигментоза Чем опасно это заболевание? Про дом Учимся выбирать [...]

Выпуск от 29-го ноября 2012 Чем опасно это заболевание? Мы расскажем вам о необычном заболевании глаза, когда глаз вместо поглощения света превращается в зеркало, отражающее свет. Заболевание это называется ретинит пигментоза. Заболевание это чаще всего является наследственным. При ретините пигментоза глазное дно атрофируется, на нем появляется коричневый пигмент. На нашей сетчатке есть клетки, которые воспринимают [...]

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

И каждый раз я отвечаю людям: "На хую мы вертели ретину-дисплей и палец о палец не ударим, чтобы это говно поддерживать".

То есть, дисплей, конечно, прекрасен. На нем все четко, ясно и красиво. И Эппл решил, что всем будет дело до высокого разрешения. Но не тут-то было. Я считаю, что нет никакого смысла бросаться срочно делать все картинки с конским разрешением, чтобы они хорошо смотрелись на новых ноутах. Я считаю, что это проблема Эппла - сделать так, чтобы старые картинки хорошо смотрелись на новых дисплеях.

Сам Эппл поступил по-блядски, выбрав самый уебищный алгоритм увеличения изображений. Вместо простого удвоения пикселей Эппл их сглаживает. Поэтому картинки выглядят иногда как говно. Любопытно, что Фаерфокс, например, прост как лапоть, поэтому в нем картинки выглядят охуенно.

Сравните Сафари (мыльное говно) и Файрфокс (четкая ясность). При этом в Сафари лучше смотрится шрифт, а Фаерфокс не получает от системы команды использовать улучшенную растеризацию для текста. Скриншоты в оригинальном размере:



Короче, будьте бдительны, не поддавайтесь на эппловскую подъебку. Пусть Эппл не ебет мозг и сделает браузер, который не портит картинки.

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

Проблема с ретиной описана в параграфе про мудаков, которые увеличивают изображения со сглаживанием, когда нужно просто механически увеличивать: http://www.artlebedev.ru/kovodstvo/sections/155/