Как разработать сайт для отображения сетчатки?

Question

Как разработать сайт для отображения сетчатки?

Мне нужно разработать адаптивный веб-сайт с 4 дизайнами [настольный, мобильный, планшетный и сетчатый дисплей].

Первые три хороши и могут быть сделаны, но сетчатка отображает новое. Так что будет очень полезно, если кто-нибудь сможет поделиться правильным способом разработки HTML для него.

Любой плагин Jquery, Hack of HTML/CSS будет полезен! Большое спасибо!

-2

jquery html5 css3 retina-display

Источник

user510936 17 авг '12 в 05:08

3 ответа

Другие вопросы по тегам jquery html5 css3 retina-display

user1153256 17 авг '12 в 05:27 2012-08-17 05:27 · Answer 1 · 2012-08-17 05:27

Вы можете использовать несколько CSS фреймворков, таких как

и искать адаптивный веб-дизайн в Google

Для Retina Display и Mobile layout используйте Медиа-запросы

Вот ссылка на CSS-трюки, которые будут полезны Css-трюкам

1

Источник

user1153256 17 авг '12 в 05:27

user1958610 27 июн '13 в 21:31 2013-06-27 21:31 · Answer 2 · 2013-06-27 21:31

Всякий раз, когда я создаю сайт, я использую retina.js. Он автоматически заменяет изображения с более низким разрешением на вашей странице высоким разрешением на вашем сервере, если у пользователя есть дисплей сетчатки.

0

Источник

user1958610 27 июн '13 в 21:31

user453277 17 авг '12 в 05:15 2012-08-17 05:15 · Answer 3 · 2012-08-17 05:15

На iPhone/iPad iOS достаточно умна, чтобы все выглядело хорошо без какой-либо помощи с вашей стороны. Хотя я не пробовал, я уверен, что OSX также делает то же самое для настольных компьютеров / ноутбуков с Retina.

Тем не менее, есть пара вещей, которые вы обязательно должны учитывать /user:

Метаинформация Viewport
Используйте векторную графику, чтобы избежать размытых изображений (поскольку у Retina более высокий PPI, он должен масштабировать растровую графику)
Сохраняйте страницы легкими и быстрыми (общее хорошее правило для мобильных устройств)
CSS Media запросы (общее хорошее правило для адаптивной разработки)
познакомиться с -webkit собственные свойства CSS с префиксом, которые дают детальный контроль над многими вещами.
Тестируйте часто! Большую часть времени я приятно удивлен тем, насколько хорошо все "просто работает" (и как хорошо они выглядят при высоком PPI), но это не всегда работает так, как вы ожидаете.