Как стать автором
Обновить

Распознаём retina-дисплеи джаваскриптом

Разработка веб-сайтов *JavaScript *
Перевод
Tutorial
Я отыскивал способ выяснить DPI устройства для употребления в мобильном дизайне. Я ещё не обнаружил его, зато нашёл приём для выяснения того, пользуется ли читатель сайта сетчаточным дисплеем. Вот как без хлопот достичь этого:
var retina = window.devicePixelRatio > 1 ? true : false;

Теперь переменная retina примет значение true, если у читателя сетчаточный дисплей. В дальнейшем можно использовать простой оператор if, чтобы выполнить тот или иной код в зависимости от типа дисплея.

if (retina) {
    // у читателя дисплей типа retina
}
else {
    // у читателя дисплей не типа retina
}

Зачем?

Читать дальше →
Всего голосов 45: ↑27 и ↓18 +9
Просмотры 10K
Комментарии 31

ONDA V972 — новое поколение китайских планшетов

Блог компании Box Overview
Семимильными шагами китайская продукция приближается к качеству всемирноизвестных брендов. В данном обзоре я расскажу вам об одном из представителей нового поколения китайских планшетов, ключевой особенностью которых является наличие нового четырехъядерного процессора на архитектуре Cortex A7 и экрана с высокой плотностью пикселей — ONDA V972.
image

image 9.7-дюймовый IPS экран с разрешением 2048х1536
image Двухъядерный видеоускоритель PowerVR SGX544MP2 (8 потоковых процессоров)
image Четырехъядерный процессор Allwiner A31 на архитектуре Cortex A7
image 2 ГБ оперативной памяти
image Операционная система Android JB 4.1.1
image 16/32 ГБ пользовательской памяти + слот для карт памяти MicroSD
image 2 камеры: задняя 5 Мп и фронтальная 2 Мп
image Коммуникации: Wi-Fi (802.11 b/g/n)
image Дополнительно: USB OTG
image Li-pol аккумулятор емкостью 8000 мАч
image Габариты, масса: 242.6x187.5x9.8 мм, 649 грамм

На рынке планшет представлен в двух цветах — черном и белом. Также доступны версии с 16 и 32 ГБ встроенной памяти, цена за младшую стартует с отметки в 240 долларов.
Читать дальше →
Всего голосов 98: ↑76 и ↓22 +54
Просмотры 136K
Комментарии 126

Адаптивное меню с поддержкой retina

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



Демо / Скачать исходники
Читать дальше →
Всего голосов 61: ↑52 и ↓9 +43
Просмотры 34K
Комментарии 18

Perfeo 9748-RT — Retina дисплей и ёмкий аккумулятор

Блог компании Box Overview
Многие производители второго эшелона стараются не просто выпускать свою продукцию, но и активно конкурировать с известными брендами. При этом новые модели соответствует современным тенденциям. Одна из них — это установка дисплея с высоким разрешением.



Так получилось с новинкой Perfeo 9748-RT. В планшете установлен дисплей с разрешением 2048x1536 пикселей. С виду модель похожа на Apple iPad – та же форма и размер дисплея, так что дизайн едва ли можно назвать основной фишкой устройства. А вот по стоимости новый продукт Perfeo явно выигрывает у конкурентов. Сегодня познакомимся поподробнее с девайсом.
Читать дальше →
Всего голосов 20: ↑14 и ↓6 +8
Просмотры 26K
Комментарии 45

Onda V975 — планшет с 9,7-дюймовым экраном Retina

Блог компании Box Overview
Уже сейчас современные планшеты и смартфоны по стандартному набору софта догнали полноценные настольные компьютеры и ноутбуки. Процессоры портативных устройств позволяют насладиться отличной графикой в играх. Прогресс в этом плане фактически догнал компьютерную графику уровня 2005-2006 года. Разрешение экранов, устанавливаемых на топовые Android-планшеты и iPad, выше, чем у большинства продаваемых сейчас ноутбуков и мониторов, хотя они имеют в 1,5-3 раза большую диагональ.



Так вот, такое портативное устройство, которое попало к мне на тест, является представителем категории планшетов с большой четкостью экрана. Onda V975 находится в средней ценовой категории, оснащен четырехъядерным процессором и дисплеем с четкостью 264 PPI.
Читать дальше →
Всего голосов 59: ↑33 и ↓26 +7
Просмотры 58K
Комментарии 65

Изображения в верстке. Хватит это терпеть

Разработка веб-сайтов *
Из песочницы


Надеюсь этот пост послужит ликбезом всем веб-дизайнерам, верстальщикам, и проджект-менеджерам. Если вы хороший верстальщик, вас однозначно раздражают растровые изображения. Вы ненавидите растр, и всё, что имеет заметные глазу пиксели. Если это не так, добро пожаловать под кат.
Читать дальше →
Всего голосов 128: ↑98 и ↓30 +68
Просмотры 111K
Комментарии 125

Вышел GIMP 2.9.4

Open source *Обработка изображений *Разработка под Linux *
Перевод

Отчёт о новых функциях свободного графического редактора


Мы только что выпустили вторую dev-версию GIMP в серии 2.9.x, ставшую результатом полугода работы. GIMP 2.9.4 представляет собой мощное обновление:

  • обновленный интерфейс;
  • серьёзные улучшения в управлении цветом;
  • готовый к использованию инструмент MyPaint Brush;
  • симметричное рисование;
  • сплит-превью для фильтров на GEGL.

Вдобавок, исправлены десятки багов и сделаны многочисленные мелкие улучшения в графическом редакторе.

GIMP 2.9.4 достаточно надёжен для использования в продакшне, но требуется ещё кое-что доделать. Поэтому выпуск стабильной версии 2.10 потребует некоторого времени. Пожалуйста, смотрите дорожную карту со списком основных изменений, которые готовятся в версии GIMP 2.10.
Читать дальше →
Всего голосов 37: ↑34 и ↓3 +31
Просмотры 30K
Комментарии 57

Что нужно знать о вёрстке под ретину

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *Дизайн

Ретиной называют дисплеи Apple с повышенной плотностью пикселей на квадратный дюйм. Впервые о них заговорили в 2010 году, когда Стив Джобс презентовал iPhone 4. Новый на тот момент смартфон получил экран с плотностью 326 PPI — в два раза выше, чем у его предшественника iPhone 3GS.

Ретина-дисплеи вывели смартфоны на новый уровень. По словам самого Стива Джобса, на ретина-дисплеях удалось достичь такого PPI, на котором человеческий глаз перестаёт различать отдельные пиксели. Текст стал выглядеть так, словно он выведен не на экран мобильного устройства, а напечатан в хорошей книге.

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

Читать далее
Всего голосов 21: ↑20 и ↓1 +19
Просмотры 15K
Комментарии 8