Слайдер сравнения изображений (до и после)

Здравствуйте, уважаемые читатели XoZbloga! Если вы посещаете mail.ru, раздел авто новостей, то наверняка видели там один замечательный эффект при сравнении двух изображений, когда одно изображение как бы перекрывает другое. Другими словами это слайдер сравнения изображений до и после. Для того чтобы реализовать подобный эффект есть множество способов и в этой статье опишу один из них. Будем использовать плагин jQuery — Twentytwenty, страница проекта здесь.

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