JavaScript

Сенсорные экраны стали неотъемлемой частью современных устройств, поэтому умение обрабатывать свайпы (движения пальца по экрану) — полезный навык для веб-разработчиков. Свайпы позволяют реализовать удобное листание слайдов, галерей или каруселей без кнопок и скроллов. В этой статье приведён простой пример кода на JavaScript, который определяет направление и расстояние горизонтального свайпа. Основная идея События, связанные с касаниями, в браузере называются: С помощью этих трёх событий можно вычислить, насколько далеко и в каком направлении двигался палец пользователя. Пример кода Как это работает Где это применить Итог Этот небольшой пример демонстрирует, как просто можно реализовать обработку свайпов с помощью нативного JavaScript без сторонних библиотек. […]

При разработке веб приложения необходимо учитывать принципиальные различия принципов управления элементами интерфейса на разных типах устройств. Существует большое количество устройств, которые пользователи могут использовать для просмотра веб сайтов и приложений. Все устройства можно разделить на десктопные и мобильные. Десктопные устройства подразумевают управление элементами интерфейса при помощи мыши и клавиатуры. Мобильные устройства предполагают управление интерфейсом при помощи сенсорного экрана. Основное отличие заключается в том, что нет курсора, а соответственно отсутствует hover эффект. Например, интерфейс приложения предполагает выпадающее меню при наведении курсора на элемент пункта меню. Это достаточно легко сделать с помощью псевдокласса hower. Мобильные устройства не предполагают наличие курсора как элемента […]