Pull to refresh
  • by relevance
  • by date
  • by rating

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

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

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

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

Зачем?

Читать дальше →
Total votes 45: ↑27 and ↓18 +9
Views 10K
Comments 31

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

Box Overview corporate blog
Семимильными шагами китайская продукция приближается к качеству всемирноизвестных брендов. В данном обзоре я расскажу вам об одном из представителей нового поколения китайских планшетов, ключевой особенностью которых является наличие нового четырехъядерного процессора на архитектуре 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 долларов.
Читать дальше →
Total votes 98: ↑76 and ↓22 +54
Views 136K
Comments 126

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

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



Демо / Скачать исходники
Читать дальше →
Total votes 61: ↑52 and ↓9 +43
Views 34K
Comments 18

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

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



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

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

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



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

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

Website development *
Sandbox


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

Вышел GIMP 2.9.4

Open source *Image processing *Development for Linux *
Translation

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


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

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

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

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

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

HTML Academy corporate blog Website development *CSS *HTML *Design

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

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

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

Читать далее
Total votes 21: ↑20 and ↓1 +19
Views 12K
Comments 8