Легковесный lightbox плагин — Luminous

Здравствуйте, уважаемые читатели XoZbloga! Давайте знакомиться с простым, легковесным плагином lightbox изображений от imgix — Luminous. Данный плагин отлично подойдет для блога на WordPress. Ниже приведен живой пример использования плагина.

Adi.js — jQuery плагин для обнаружения Adblock

Здравствуйте, уважаемые читатели XoZbloga! Расширение для браузера Adblock и ему подобные прочно вошли в нашу жизнь. Многие просто не представляют как раньше могли без них обходиться и число таких пользователей постоянно растет. Однако для владельцев сайтов, которые зарабатывают на размещении рекламы на своих ресурсах, это серьезный удар по кошельку. В связи с этим выросло число сайтов с определителями расширения Adblock. С одним из которых мы и познакомимся в этой статье. Плагин называется Adi.js, и работает он с использованием jQuery.

Валидатор HTML форм (плагин jQuery — Validatr)

Здравствуйте, уважаемые читатели XoZbloga! В этой статье рассмотрим jQuery плагин для валидации HTML форм — Validatr от автора @jaymorrow. Для работы плагина нам понадобится подключенная библиотека jQuery. Для валидации плагин использует возможности HTML5. А там где это не возможно воспользуется собственными правилами проверки!

Копирование текста в буфер обмена средствами jQuery

Здравствуйте, уважаемые читатели XoZbloga! Когда занимался разработкой нового облика этого сайта, то столкнулся с необходимостью предоставить возможность пользователю скопировать текст в буфер обмена. Это событие должно было происходить при клике на кнопку и предполагалось для реализации использовать JQuery. После долгих поисков я нашел плагин JQuery, размещенный на Github проект называется ZeroClipboard. Данная библиотека предоставляет способ скопировать текст в буфер обмена с помощью Adobe Flash и интерфейса Javascript.

И в этой небольшой статье постараемся разобраться как пользоваться ZeroClipboard.

Создание анимированных диаграмм — плагин Chart.js

Здравствуйте, уважаемые читатели XoZbloga! Диаграммы являются одним из лучших способов отображения данных и гораздо более информативными, чем таблицы. В этой статье рассмотрим пример построения диаграмм с помощью отличного javascript плагина — Chart.js. Для построения диаграмм, гистограмм, линейных графиков, круговых диаграммы и много другого плагин использует HTML5 Canvas. В качестве примера использования chart.js рассмотрим набор из 3 элементов, один будет показывать количество покупателей вымышленного продукта в течение 6 месяцев — это будет график, второй покажет, из каких стран клиенты — это будет круговая диаграмма и наконец мы будем использовать гистограмму, чтобы показать прибыль за этот период.

Адаптивные таблицы HTML с помощью плагина FooTable

Здравствуйте, уважаемые читатели XoZbloga! Рассмотренный сегодня плагин будет полезен тем, кто часто пользуется HTML таблицами для отображения данных на страницах. FooTable — это JQuery плагин, который стремится сделать HTML таблицы удобными для пользователей с мобильными устройствами, независимо от того, сколько столбцов в таблице.

Выбор даты (jQuery DatePicker плагин — Pickadate)

Здравствуйте, уважаемые читатели XoZbloga! Сегодня на повестке дня плагин Pickadate, организующий на сайте календарь для выбора даты. Плюс это плагина в его размере всего 9кб и возможности настраивать календарик. Данный плагин вполне может составить конкуренцию дата пикеру из jQuery UI. Итак, давайте познакомимся с ним поближе.