CSS Animations

Steven Bradley "CSS Animations and Transitions for the Modern Web" Adobe Press, 2014 год, 320 стр. (EN)

Adobe Press http://www.adobepress.com/

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

Автор Стивен Брэдли начинается как можно проще и использует элементарные навыки, как основу для более сложных техник. Концептуальное объяснение в сочетании с конкретными примерами, чтобы дать дизайнерам твердая основа в искусство создания динамичных и привлекательных веб-сайтов. Стивена примеры размещены на peachpit.com так что читатели могут увидеть анимацию в действии и скачать файлы кода для дальнейшего изучения. Инструкции для доступа в “Getting Started”.

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

Актуальную информацию о текущем браузере поддержку CSS-анимации и переходы
Введение манипулирования веб-странице объектов в 2D и 3D пространстве
Методы создания плавных переходов между состояния объекта
Обзор Disney принципы создания реалистичной анимации и как их применить для дизайна веб-страниц.
ISBN-10: 0-13-398050-2
ISBN-13: 978-0-13-398050-9

Оглавление
Титульный Лист
Copyright Стр.
Благодарности
Об авторе
Оглавление
Приступая К Работе
То, что внутри этой книги
Заметки об образах и примерах
Как скачать код и пример файлов
Для Кого Предназначена Эта Книга?
Как Вы Пользуетесь Этой Книгой?
Необходимые Инструменты
Универсальный
OS X
Windows
Linux

Глава 1. Введение
Дизайн Слои
Анимация
Переходы
Почему переходы и анимацию CSS?
Поддержка Браузеров/Поли-Заполнений
Готовы приступить к работе?

Глава 2. Трансформирует
Поддержка браузеров и префиксы поставщиков
2-мерных преобразований
transform-origin собственности
2-мерное преобразование функции
Вложенные Трансформирует
Добавление нескольких превращается в элемент
Преобразование Модели Рендеринга
3-мерных преобразований
перспектива имущества
perspective-origin собственности
transform-style() свойство
на торцах-видимость() свойство
3-мерных функций преобразования
Реферат

Глава 3. Переходы
Поддержка Браузеров
Переходы
transition-property
transition-duration собственности
transition-timing-function собственности
transition-delay собственности
переход собирательное свойство
Запуск и Реверсирование переходы
Переход Событий
Анимируемых Свойств
Анимируемых Списка Свойств Ресурсов
Реферат

Глава 4. Анимации
Поддержка Браузеров
Обнаружение Поддержки Браузера
Поиск библиотек JavaScript для анимации
CSS анимации
CSS Позиционирование
Сглаживание анимации
Правило @Keyframes
анимация-* свойства
анимация-свойства name
animation-duration собственности
animation-timing-function собственности
animation-iteration-count
animation-direction
animation-play-state Property
animation-delay собственности
animation-fill-mode собственности
анимация собирательное свойство
Анимация Событий
Типы событий анимации
Переход или анимации
Сходство
Различия
Выбор переходов и анимации
Производительность
Реферат

Глава 5. Более Реалистичная Анимация
Disney's 12 принципов анимации
Сквош и стрейч
Ожидании
Постановка
Straight-Ahead действий и поза-поза действий
Сопровождение и перекрытие действий
Медленно и медленно (Ease In и Out)
Дуг
Вторичное Действие
Сроки
Преувеличение
Сплошной Рисунок
Обращение
За 12 принципов
Заключительные Мысли

Глава 6. Примеры
Как использовать примеры
Панель Навигации
Модальные Окна
Off-canvas боковой панели навигации
Off-canvas навигации/боковой панели: принимать по 1
Off-canvas навигации/боковой панели: Take 2
Содержание Switcher
Реферат

Глава 7. Заключительные Мысли
Progressive Enhancement
Тенденции
Дальнейшие Действия
Спасибо

Приложение. Ресурсов
Глава 1: Введение
Поддержка Браузеров
Поли-заполнений
Глава 2. Преобразования
Модели Визуального Форматирования
Матрицы Преобразования
Глава 3. Переходы
Функции Времени
Переход Событий
Анимируемых Свойств
Глава 4: Анимация
Анимация Событий
Переходы против анимации
Производительность
Глава 5: Более Реалистичная Анимация
Disney's 12 принципов анимации
Применение анимации принципы проектирования пользовательского интерфейса
Глава 6. Примеры
Эффекты