ezcode

Очень часто первым приложением на JavaScript бывает Todo-список, но проблема подобных приложений в том, что после обновления страницы все пункты списка пропадают. Простое решение этой проблемы — использование локально хранилища (Local Storage). Локальное хранилище позволяет хранить данные на машине пользователя и вы легко сможете загрузить список из него после обновления страницы. В этой статье мы […]

Долгое время для создания Drag&Drop интерфейсов использовались реализации на JavaScript, но браузеры не имели встроенной поддержки Drag&Drop. С приходом HTML5 современные браузеры позволяют легко создавать drag and drop интерфейсы. В этой статье мы рассмотрим основные принципы создания Drag&Drop интерфейсов.

Раньше, в начале 2000х, возможности воспроизведения аудио или видео контента онлаин, в браузере были сильно ограничены. Сегодня, благодаря новым возможностям HTML5 и тегу <audio> мы можем сами создавать аудио и видео плееры без каких-либо ограничений. Чем и займемся в этой статье 🙂

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

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

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

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

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

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

Создание приложений с использованием canvas — это новая возможность HTML5, которая поддерживается современными браузерами. С помощью canvas можно создавать даже игры. В этом уроке мы будем использовать элемент canvas для создания простого приложения, которое будет определять цвет точки на картинке.