Рубрика «touch»

Мобильная версия для Django проекта

С каждым днем пользователи смартфонов занимают все большую долю интернета. По данным LiveInternet доля российских пользователей OS Android уже превысила долю Windows7. В выходные дни пользователи мобильных платформ пользуются интернетом значительно чаще. Та же тенденция наблюдается и в мире. Все это еще раз доказывает необходимость адаптации сайта для смартфонов и планшетов.

О том, как можно адаптировать ваш Django-проект для мобильных устройств, я расскажу в этой статье. Но сначала давайте разберем, какие есть варианты создания мобильной версии сайта.
Читать полностью »

Думаю, многие из нас писали код вида:

    @Override
    public boolean onTouch(View view, MotionEvent event) {
        final float x = event.getX();
        final float y = event.getY();
        // использование x и y...
        return false;
    }

Но, думаю, не многие задумывались о том, какой путь проходит каждый объект MotionEvent прежде чем попасть в этот метод. В большинстве случае в этом нет необходимости, но все же случаются ситуации, когда незнание особенностей MotionEvent и обработки касаний приводит к печальным результатам.

Год назад я с друзьями разрабатывал приложение, где очень многое упиралось в обработку касаний. Однажды, загрузив новые исходники из репозитория и собрав приложение, я обнаружил, что вертикальная координата касания определяется неверно. Просматривая последние коммиты команды, я наткнулся на интересную строку, где внезапно от y-координаты отнималось 100. То есть, что-то вроде «y -= 100;», причем, это число не было вынесено как константа и вообще было непонятно почему именно 100. На мой очевидный вопрос я получил ответ «Ну, мы опытным путем определили, что в этом месте y-координата всегда на 100 (пикселей) больше, чем должна быть». Здесь, конечно, стоило бы перечитать документацию по обработке касаний и, просмотрев код проекта, найти ошибку, но я решил пойти более интересным путем – проследить по исходникам Android за MotionEvent от его получения до утилизации.

Если я смог кого-то заинтриговать историей в стиле «По следам полосатого бага» — добро пожаловать под кат.
Читать полностью »

Приветствую всех читателей!
В последнее время произошло много хорошего с нашим любимым Хабром: общий ID для авторизации, разработан и тестируется API, сервис ответов вырос в полноценный проект, Boomburum пообещал в своем Твиттере новые личные сообщения…

Хочется присоединиться к потоку добра и объявить о недавнем релизе специализированной читалки — TouchHabr. Это идейное продолжение LHabr (раз, два). Самое главное — нам удалось объединить свои силы и сделать хороший продукт, а не просто поделку, коей читалка была раньше. По крайней мере, нам так кажется.

Под катом много скриншотов, букв и рассказ о разработке, а также ссылка для загрузки.
Читать полностью »

Очень часто в наших обзорах появляются планшеты, созданные китайскими брендами. Но родина героя сегодняшнего обзора — Украина. Ведь именно там была основана компания PocketBook в 2007 году группой энтузиастов из одной крупной полиграфической фирмы.

PocketBook Touch 2 — читалка с E Ink Pearl и сенсором

Итак, сегодня мы во всех подробностях рассмотрим новую модель PocketBook Touch 2 популярного производителя Obreey Products, который добавил в свой ридер экран E-Ink Pearl HD, оснащенный подсветкой. И к тому же он сенсорный с поддержкой мультитач. Коммерческое название 623-й модели — «ПокетБук Тач 2». Появилась читалка 25 апреля 2013 года, но в продажу поступила совсем недавно. Предлагаю познакомиться с ней в нашем сегодняшнем обзоре.
Читать полностью »

Серия Zenbook появилась еще в конце 2011 г. Общая концепция данных устройств — уникальный дизайн и современные технологии. Модель носит название серии UX неспроста: U — это легкие и тонкие ноутбуки, X обозначает eXtraordinary. С выходом второго поколения ультрабуков в 2012 г. ASUS хорошо зарекомендовала себя линейкой Zenbook. На этой же платформе и построен герой сегодняшнего обзора — ASUS Zenbook UX31A Touch. Как видно из названия, перед нами тонкий ультрабук с сенсорным экраном. Конечно же, всему виной Windows 8, после выхода которой многие производители начали встраивать сенсорные экраны в свои ноутбуки.

image
Читать полностью »

Этим постом мы продолжаем серию статей на тему разработки веб-интерфейсов для touch-устройств.

Смартфоны с сенсорными экранами достаточно сильно распространены и стали незаменимыми помощниками многим из нас. Потому нельзя не учитывать их особенности при разработке мобильных веб-интерфейсов.
Сенсорное управление существенно отличается от привычного управления мышкой.
Пользователь взаимодействует пальцами с самим экраном. И в зависимости от того, какие движения и сколькими пальцами производит пользователь, интерфейс реагирует по-разному: если быстро коснулся экрана и отпустил палец, то срабатывает клик; если коснулся и провел пальцем по экрану – скролл; если провел двумя пальцами – zoom; и великое множество других вариантов реакции.

Сегодня речь пойдет о swipe, в простонародье – листалке. Swipe позволяет перелистывать «страницы» привычным движением пальца. О том, как грамотно реализовать swipe, я расскажу на примере блока новостей на главной странице портала Mail.Ru.

Touch web: Swipe

Читать полностью »

Microsoft Research запустил веб-версию TouchDevelop — оболочки для создания приложений для Windows 8 и Windows Phone, заточенной под touch-устройства. Среда позволяет очень быстро создавать приложения, и работает на iPad, iPhone, Android, PC, Mac, и Windows Phone. Напрямую из браузера!

Программирование на сенсорных устройствах нарушает привычные представления: буквально за пару десятков касаний экрана можно создать полноценное приложение. Чтобы познакомиться с этой IDE, давайте вместе создадим с iPad простое приложение для проверки орфографии.Читать полностью »

Подборка простых jQuery-сниппетов и плагинов, которые помогут адаптировать сайт для отображения на iPad. Некоторые подойдут и для других тач-устройств.

jQuery сниппеты и плагины для iPadЧитать полностью »

На сегодняшний день эффекты при скроллинге набрали достаточно большую популярность (так называемый параллакс). Но, к сожалению, эти эффекты нейтивно не поддерживаются мобильными устройствами. Не так давно Mark Dalgleish предложил свой вариант решения этой проблемы:

Читать полностью »

По результатам тестов авторитетного европейского журнала ComputerBild, последняя модель марки PocketBook – Touch — признана лучшим ридером.
Устройства оценивались в пяти категориях: качество экрана, функционал, технические характеристики, дополнительные функции и сервисное обслуживание. С опережением в каждой из категорий победителем стала модель PocketBook Touch.

image

Что же из себя представляет данный ридер и чем он так хорош?

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js