Just Blog about nothing

17Март/12Off

gmTranslator v0.2 beta

gmTranslator v0.2 beta

gmTranslator обновлён до версии 0.2 beta

Список изменений:

  • добавлено сочетание клавиш ⌥T (Alt+T) для быстрого перевода выделенного текста;
  • если выделен большой фрагмент текста, то в контекстном меню он обрезается до разумных размеров;
  • исправлены мелкие баги.

Скачать

16Март/12Off

Обрабатываем переход страницы в активное состояние в Safari для iOS

Обрабатываем переход страницы в активное состояние в Safari для iOS

В HTML5 появились новые атрибуты событий (подробнее), в том числе для объекта window такие атрибуты как onpageshow и onpagehide.

  • onpageshow - скрипт будет запущен когда окно становится видимым;
  • onpagehide - скрипт будет запущен когда окно скрывается.

В Safari для iOS, если пользователь не закрыл Вашу страницу, а отправил приложение в фон (нажав кнопку home), а затем снова открыл Safari, то сработает обработчик onpageshow. Таким образом можно отследить переход в активное состояние вашей страницы или Web-приложения для iPad, iPhone или iPod Touch.

8Март/12Off

gmTranslator – расширение для Safari, v 0.1 beta

gmTranslator – расширение для Safari, v 0.1 beta

Выложил в публичный доступ своё расширение для Safari - gmTranslator (v.0.1 beta).

gmTranslator - это простой инлайн переводчик, предназначенный для перевода отдельных слов или коротких фраз в контексте страницы. Пришлось написать такое тривиальное расширение, потому что, к своему удивлению, я не нашел на сервисе расширений для Safari подходящего по функционалу переводчика.

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

Автоматическое изменение размеров текста в iOS

Автоматическое изменение размеров текста в iOS

Safari для устройств с iOS (iPhone, iPod touch и iPad) автоматически регулирует размеры текста, даже если вы отключили scale для страницы с помощью тега viewport. Это может приводить к изменению размеров текста, например при повороте устройства. Для управления фичей служит css свойство -webkit-text-size-adjust, которое может принимать значения none | auto | %value. Соответственно, чтобы отключить регуляцию размеров текста браузером, достаточно задать свойству значение none:

-webkit-text-size-adjust:none;
Метки записи: , , , , , Нет комментариев
4Сен/11Off

Назначение иконки веб-страницы (веб-приложения) для Web Clip

Назначение иконки веб-страницы (веб-приложения) для Web Clip

Пост является вольным переводом текста из документации Apple Configuring Web Applications.

Примечание: Web Clip функционал доступен в iOS 1.1.3 и выше. Имя файла apple-touch-icon-precomposed.png доступно в iOS 2.0 и выше. Поддержка нескольких иконок для разных разрешений устройств доступна в iOS 4.2 и выше.

Вы можете захотеть, чтобы у пользователя была возможность добавить ваше web приложение или web-страницу на домашний экран (Home screen).  Такие ссылки, представленные иконками, называются Web Clip. Следуйте следующим простым шагам, чтобы указать иконку, отображающую ваше web-приложение или web-страницу в iOS.

Метки записи: , , , Читать полностью
3Сен/11Off

Область просмотра (viewport) Safari для iPhone и iPod touch, а также iPad

Область просмотра (viewport) Safari для iPhone и iPod touch, а также iPadSafari logo

В разделе Configuring the Viewport документации Apple приведены размеры элементов интерфейса мобильного браузера Safari для iPhone и iPod touch в портретной ориентации. Для альбомной ориентации размеры в явном виде не указаны, в то же время высота панели кнопок (button bar) отличается и равна 32 пикселям.

Метки записи: , , , Читать полностью
   

Social Widgets powered by AB-WebLog.com.