Портфолио с хронологией событий

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

CSS анимация в Media Queries

Сегодня мы поговорим о CSS анимации при переходах с одних Media Queries на другие. Преимущество использования CSS очевидно — это простота и размер кода, поддержка аппаратного ускорения и отсутствие jQuery. Вы, наверное, в курсе, что, в основном, анимация CSS строится на основе состояния :hover или добавлением...

Динамический раздел FAQ с помощью jQuery, YQL & Google Docs

В этом уроке мы сделаем динамический раздел FAQ. Наш скрипт, с помощью jQuery & YQL, будет извлекать содержимое общедоступной электронной таблицы из вашего аккаунта Google Docs, и использовать эти данные, чтобы заполнить раздел FAQ вопросами и ответами.

Часы на HTML5

Сегодня вы узнаете (и сможете скачать исходники) о том, как создать симпатичные аналоговые часы с помощью HTML5. Сам скрипт очень прост, но эта простота, как обычно, впечатляет. И, конечно, вся графика будет размещаться на объекте canvas.

Анимация загрузки как на Facebook с помощью CSS3

Сегодня мы создадим элемент анимации загрузки, как на Facebook, используя основные свойства CSS3. Если вы знакомы с этой социальной сетью, то оцените, насколько похожа анимация. Для создания желаемого эффекта мы будем использовать keyframes и скрипт prefix free от @LeaVerou, позволяющий использовать безпрефиксные свойства CSS3.

Как создавать анимированные всплывающие подсказки с помощью CSS3

Сегодня мы вам покажем как создавать простые анимированные всплывающие подсказки с помощью свойства CSS3 transitions и псевдо-классов :before, :after.

Аналоговые часы на CSS3

Сегодня небольшая статья о том, как создать аналоговые часы на чистом CSS3 без использования JavaScript. У наших часов будет три стрелки: часовая, минутная и секундная. Каждая из них — это узкий прямоугольник, поворачивающийся под нужным углом в определенное время.

Эксперимент с анимацией и поворотом с помощью CSS и JQuery

Сегодня попробуем провести небольшой эксперимент с анимацией на CSS&jQuery. Сам пример работает только в браузерах Firefox и Chrome. В Safari эксперимент не проверялся. Также есть возможность добавить поддержку для Оперы. Напишите в комментариях, если такая реализация вам будет нужна. Сделаем.

Создание вращающихся лучей с помощью CSS3: Переделка

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

18 потрясающих 3D примеров на CSS

В наше время во всех современных браузерах есть поддержка 3D позиционирования html элементов. При этом используется специфическое свойство CSS, определенное для каждого браузера. На пример, для Firefox это свойство начинается с -moz, для Оперы -o, для webkit браузеров (Chrome, Safari) -webkit. Именно поэтому в этом...