Анимация при прокрутке страницы (используем jQuery и CSS3)

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

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

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

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

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

      HTML

Здравствуйте, уважаемые читатели XoZbloga! Мы все привыкли к уведомлениям в браузере, мы получаем их находясь на таких сайтах как Facebook, Вконтакте, Google и др. Теперь с помощью HTML5 Notifications API, мы можем формировать и показывать уведомления пользователя средствами его браузера, поверх всех открытых окон. Итак, в этой статье научимся пользоваться данным API, чтобы потом применить его на практике.

Работа с Web хранилищами, на примере корзины для покупок

Здравствуйте, уважаемые читатели XoZbloga! Не так давно я уже писал пост о локальном хранении пользовательских данных, с помощью технологии Web SQL Database. В этом уроке продолжу данную тему и разберу на примере, корзины для покупок, способ работы с web хранилищами.

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

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

Отображение списка пользователей блога WordPress на странице с навигацией

Здравствуйте, уважаемые читатели XoZbloga! В этом уроке Вы узнаете как можно создать страницу для отображения списка пользователей блога WordPress. Вывод списка будет осуществляться с пагинацией, в случае если количество пользователей достаточно большое. Также будем использовать плагин WP User Avatar для создания аватар пользователей. Приступим!

Загрузка файлов с помощью PHP

      PHP

Здравствуйте, уважаемые читатели XoZbloga! В одной из предыдущих статей я уже описывал способ загрузки изображений на сервер с предпросмотром. Действительно, загрузка файлов является важной особенностью многих сайтов и веб-приложений, которые мы используем ежедневно. В этой статье я покажу Вам, еще один способ для загрузки файлов с помощью PHP.