Архив метки: JavaScript

Сканирование QR-кода HTML5 с помощью javascript

QR-код – это очень распространенная техника кодирования информации в виде изображений. Он очень часто используется в физических магазинах для идентификации товаров, подобно тому, как используется штрих-код. Эта библиотека позволяет сканировать QR-код в веб-приложениях с помощью веб-камеры или камеры на смартфонах. Это простая библиотека размером 52 Кб, написанная на чистом js. В 2015 году я написал библиотеку для сканирования QR-кодов на основе HTML5 в качестве расширения jQuery. Недавно я заметил, что на моем проекте на Github и демонстрационной странице наблюдается постоянный трафик. Когда я углубился в суть происходящего, мне стало стыдно за плохой дизайн и устаревшую поддержку последних HTML API вокруг Camera. Недавно я исправил некоторые проблемы и подверг рефакторингу библиотеку javascript, которая теперь не зависит от jQuery и поддерживает API на основе Promise. В этой статье я объясню, как использовать новую версию библиотеки, некоторые изменения и их причины, а также существующие проблемы и планы по их устранению. Если говорить громко, то основными… Читать далее »

Таймер для сайта e-timer.ru

      Комментарии к записи Таймер для сайта e-timer.ru отключены

 Таймер для сайта от e-timer Таймер для сайта — модуль от e-timer.ru — является бесплатным генератором таймера отсчета даты для сайта вашего сайта, который можно настроить онлайн. Подобные таймеры используют на сайтах в случае, если требуется необходимость показать посетителям сколько осталось времени до конца акции, начала мероприятия или окончания праздника. Таймеры обратного отсчета достаточно давно стали неотъемлемой частью Landing Page и «продающих сайтов». Таймер заставляет аудиторию действовать с определенной целью, загнать во временные рамки, создав эффект срочности и/или что-то типа дефицита товара. Но поиск и настройка подобных модулей может занимать достаточно много времени. На данном сервисе процесс подключение таймера упроститься до пары шагов: Вам потребуется установить дату или установить автоматический перезапуск; Настроить стилизацию таймера; Разместите полученный код на своем сайте.

Конфликт версий Jquery

      Комментарии к записи Конфликт версий Jquery отключены

Сегодня при верстке нового сайта  столкнулся с проблемой. На сайте присутствует как карусель так и сладйер. А проблема возникла в том что для карусели используется jquery плагин работающий только с версией jquery 1.6, и чуток выше, а на слайдере используется версия jquery 1.9. Соответственно если подключить только старую библиотеку, то не работает слайдер сайта, а с новой не работает карусель. Первый шаг это поиск альтернативного плагина, но тут мои поиски окончились ничем, ничего подобного к сожалению не нашел.  При поиске плагина нашел много интересных, красивые движения, «превьюшки» и еще куча мелочей. По сути мой способ решить конфликт между разными версиями jquery не изобретая велосипед, многие о нем знают, но например использовали не совсем для подобной задачи. Собственно речь идет про jQuery.noConflict(), который я думаю многие использовали как минимум при работе с jquery и mootools, здесь же конфликт возникает из-за того что обе библиотеки используют знак $. У меня же просто jquery… Читать далее »