Parallax scrolling (параллакс-скроллинг) создает иллюзию глубины за счет передвижения веб-элементов на разной скорости при прокрутке страницы, и это в значительной степени может помочь завоевать положительное отношение к странице.

Skrollr – это легкая (7 кб в уменьшенном формате и 3 кб при сжатии gzip) и отдельная javascript-библиотека анимации для прокрутки, которая сильно упрощает процесс разработки Parallax-эффекта.

Каждый, кому довелось наблюдать за игрой друзей, или даже играть в игры, которые были выпущены в 80-90-х годах – знает, что такое техника Parallax-скроллинг.

Давайте вспомним такие игры, как Mario Bros, Mortal Kombat, Street of Rage, Turtles in Time, или же оригинальную игру Moon Patrol. Именно тогда, когда определённое количество фоновых слоёв с многочисленными текстурами двигаются на разных скоростях (что и создаёт эффект трехмерного пространства), наблюдается та самая Parallax-техника.

В нашем сегодняшнем уроке мы будем заниматься разработкой шестеренок, анимированных посредством CSS3. Результат получится очень милым. Мы использовали слайды CSS3, анимацию и трансформации (rotate) для того, чтобы достичь подобного результата. Пожалуйста, обратите внимание, что данное демо будет работать в Firefox и Chrome / Safari (webkit).

Сегодня мы хотим поделиться с вами простым примером Parallax-слайдера контента. Используя CSS animation, мы сможем управлять анимацией каждого отдельного элемента слайдера и создать Parallax-эффект посредством анимации фона самого слайдера.

Такая идея пришла в голову под впечатлением от слайдера, использованного на странице веб-сайта Kendo UI, платформы для разработки современных интерфейсов на HTML. Нам сразу же захотелось воссоздать подобный эффект на собственном примере.

Вам наверняка понравится сегодняшняя сборка, так как мы постарались отобрать лучшие варианты реализации. Раньше анимации загрузки страниц были довольно скованными и, к тому же, были ограничены лишь GIF-форматом, но в наше время всем доступные современные мощные технологии и браузера (с поддержкой canvas и VML), и теперь мы можем делать даже больше при помощи CSS3 или jQuery. Данные технологии позволяют реализовывать графику с очень гибкими настройками, а сервер предоставляет возможность очень тонкой и четкой генерации графики.

Настанет время, когда вам, возможно, захочется создать видео-презентацию своих услуг или о своей собственной компании. Зачастую в таких ситуациях у людей просто не бывает времени на креативные идеи. Многие также бывают не особо сильны в анимации. Данный набор бесплатных готовых эффектов для Adobe After Effects поможет вам в таких ситуациях. Все эти проекты были разработаны специально, чтобы оградить вас от сложного и нудного процесса разработки, и сохранить ваше драгоценное время...

Технология CSS3 открыла нам бесчисленные возможности, и сегодня мы хотим представить вам руководство по разработке привлекательных страниц, предназначенных для оповещения посетителей о скором открытии веб-сайта, а также о создании заставок на сайт, реализованных посредством анимации в CSS3. Мы немного поиграем с анимацией и постараемся придать жизнь некоторым простым элементам.

CSS-переходы и трансформации предлагают множество возможностей для анимации HTML-элементов. Если вы хотите воспользоваться ими посредством jQuery, то jQuery Transit спешит вам на помощь.
Это плагин для реализации CSS-переходов и трансформаций с синтаксисом подобным .animate, который поддерживает большинство методов и оборудован функционалом jQuery (обратные вызовы, составление цепи, автоматическая установка префиксов для браузеров и многое другое).

Сегодня мы хотим предложить вам подборку из 20 бесплатных шаблонов для Adobe After Effects. Эти бесплатные шаблоны позволяют вам представить заголовок, изображение, слоганы или даже логотип компании. Вы также можете использовать данные шаблоны для разработки для продвижения и рекламы события или медийного продукта. Готовые шаблоны помогут вам избежать самого нудного процесса разработки и сэкономить кучу рабочего времени. К некоторым из проектов также прикреплены руководства. Кликайте по заголовкам, и переходите на страницы скачивания ...

Для любого проекта, в котором требуется реализовать анимацию, лучшим вариантом была бы облегченная платформа, нежели полноценный комплект. jsMorph – это отдельная платформа для разработки анимации на javascript, которая также позволяет редактировать внешний вид множества HTML-элементов.

Платформа автоматически определяет исходные позиции, настраивает скорость рендера и исправляет временные сдвиги в целях смягчить анимацию.