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