Галерея изображений для сайта с эффектом лупы

Здравствуйте, уважаемые читатели XoZbloga! В этом уроке мы создадим простую библиотеку JavaScript для добавления эффекта лупы при наведении на изображение. Мы сделаем все с нуля, без использования jQuery на чистом JS. Давайте приступать!

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

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

Используем HTML5 History API

Здравствуйте, уважаемые читатели XoZbloga! Сегодняшняя статья будет посвящена работе с HTML5 History API. В прошлых версиях HTML у нас был ограниченный контроль над историей браузера. Мы могли перемещаться по истории вперед и назад с помощью доступных методов. Теперь, благодаря HTML5 History API, у нас есть больше возможностей использования истории браузера пользователя: можно «гулять» по истории, добавлять свои элементы в историю и обновлять текущую запись в истории.

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

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