ezcode

Многие сайты  используют в своем оформлении параллакс эффекты. По сути, параллакс — это прокрутка нескольких слоев контента на разных скоростях для создания эффекта перспективы и глубины. Слоев может быть сколько угодно. В этой статье мы рассмотрим  базовые принципы создания параллакс эффекта на примере с двумя слоями.

Прогресс-бары сейчас стали очень популярны и есть много плагинов, позволяющих добавить их к себе на сайт. Но как сделать собственный? Нет, мы не будем изобретать велосипед, мы сделаем что-то новое — кнопки со встроенной индикацией загрузки. Такие кнопки будут идеальны для отображения прогресса отправки данных формы или выполнения AJAX запроса. Мы будем использовать стили CSS3, […]

В этом уроке мы сделаем небольшую AJAX форму для загрузки файлов, которая позволит посетителям загружать файлы с помощью технологии drag/drop или при помощи обычного выбора файлов. Мы будем использовать плагины jQuery File Upload и  jQuery Knob для отображения прогресса загрузки. Т.к. форма будет иметь возможность загружать файлы двумя способами, она будет работать даже если drag/drop не поддерживается.

jQuery — очень мощный инструмент для front-end разработки. В этой статье представлены полезные jQuery сниппеты, которые можно применить в своих проектах.

Сегодня мы сделаем красивые цифровые часы с помощью jQuery и CSS3.

В этом уроке мы напишем jQuery плагин, который будет перемешивать содержимое любого DOM элемента — интересный эффект, который может использоваться в заголовках, логотипах и слайд-шоу.

В этом уроке мы создадим анимированную галерею, в которой будем использовать разные эффекты для смены изображений. Все эти эффекты реализуются с помощью CSS3. Так же мы сделаем автоматическую смену изображений, так что можно будет использовать галерею в качестве слайд шоу.

В этом уроке мы сделаем небольшое веб-приложение, которое позволяет перетаскивать изображения с компьютера в окно браузера и применять к нему фильтры в стиле инстаграм. Для реализации этого мы будем использовать несколько JavaScript библиотек и плагинов.

Графики — незаменимый инструмент для представления данных. Библиотека xCharts, которую мы будем использовать, упрощает работу с графиками. Мы будем использовать эту библиотеку вместе с daterange picker для популярного UI фреймворка Twitter Bootstrap для создания AJAX-графиков, отображающих данные из MySql.

В этом уроке мы создадим слайдер картинок с помощью “Nivo Slider jQuery Script” и CSS3. Мы будем использовать “Nivo Slider jQuery Script”, потому что он обладает хорошей функциональностью и бесплатный :). Этот плагин имеет 16 эффектов перехода, он прост и гибок.