Just Blog about nothing

26Сен/11Off

box-shadow и border-radius в Android 3

box-shadow и border-radius в Android 3

Стандартный браузер у планшетных компьютеров с ОС Android 3 некорректно обрабатывает внутреннюю тень (-webkit-box-shadow: inset ...) в сочетании с закруглёнными углами (border-radius), добавляя фон без скруглённых уголков.

Метки записи: , Нет комментариев
26Сен/11Off

Ориентация экрана в Android 3

Ориентация экрана в Android 3

У планшетных компьютеров с установленной ОС Android 3.0 и выше (в частности речь идет о Samsung Galaxy Tab) свойство window.orientation имеет значение 0 в нормальной альбомной ориентации, т.к. именно альбомная ориентация является для таких планшетов основной.

17Сен/11Off

JavaScript событие поворота устройства iOS и Android

JavaScript событие поворота устройства iOS и Android

При повороте устройства браузер отсылает событие orientationchange. Это актуально для обеих операционных систем. Но подписка на это событие может осуществляться по разному. При проверке на разных устройствах iPhone, iPad и Samsung GT (Android), выяснилось что в iOS срабатывает следующий вариант установки обработчика:

window.onorientationchange = handler;

А для Android подписка осуществляется иначе:

window.addEventListener( 'orientationchange', handler, false );

Примечание: В обоих примерах handler - функция-обработчик

Текущую ориентацию экрана можно узнать проверкой свойства window.orientation, принимающего одно из следующих значений:

  • 0 — нормальная портретная ориентация
  • -90 — альбомная при повороте по часовой стрелке
  • 90 — альбомная при повороте против часовой стрелки
  • 180 — перевёрнутая портретная ориентация (пока только для iPad)

Для iOS 4.2 и выше есть более широкие возможности по отслеживанию точных углов наклона устройства в трёхмерном пространстве, а также некоторые другие плюшки гироскопа и акселерометра. Если интересно: документация на сайте Apple по событиям DeviceOrientationEvent и DeviceMotionEvent, статья на Хабрахабр.

17Сен/11Off

Подсветка активных ссылок и кнопок на Android

Подсветка активных ссылок и кнопок на Android

Браузер Android выделяет кнопки, ссылки и другие интерактивные элементы при касании оранжевым прямоугольником. Часто возникает задача стилизовать или убрать эту подсветку. Свойство outline здесь не работает, необходимо использовать свойство -webkit-tap-highlight-color. Если надо убрать подсветку - можно использовать

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
Метки записи: , , Нет комментариев
   

Social Widgets powered by AB-WebLog.com.