Легковесный 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 месяцев — это будет график, второй покажет, из каких стран клиенты — это будет круговая диаграмма и наконец мы будем использовать гистограмму, чтобы показать прибыль за этот период.

Автозаполнение полей формы (плагин jQuery-Autocomplete)

Здравствуйте, уважаемые читатели XoZbloga! Представляю Вам очередную статью в рубрике «Плагины». Рассмотрим плагин jQuery-Autocomplete, с помощью которого легко создать автозаполнение текстовых полей формы. Работает только на jQuery, для хранение значений автозаполнения можно использовать текстовый файл.

Бесконечная прокрутка страницы с записями, средствами jQuery

Здравствуйте, уважаемые читатели XoZbloga! Разбивка контента на страницы с номерами является классической схемой пагинации, интуитивно понятной и привычной для пользователей. Однако, в последнее время все больше сайтов начинают «применять на практике» такой вид навигации по страницам как, Infinite Scroll (бесконечная прокрутка). Исключением не стали даже такие гиганты как Google, Facebook и ВКонтакте. Естественно у данного вида пагинации есть свои плюсы и минусы, но это уже другой разговор. В этом уроке мы рассмотрим, как можно реализовать подобную навигацию.