CSS3 для веб-дизайнеров
2012 г.
О книге
CSS3 – будущее веб-разработки, новый стандарт оформления документов, расширяющий возможности предыдущего стандарта CSS2. Многие возможности, которые ранее были труднодоступными, в CSS3 могут просто достигаться за счет использования новых свойств оформления.
Абсолютные преимущества технологий нового поколения – на высоте. Прежде всего, простота и легкость – для программистов, а удобство и комфорт – для пользователей.
Книга Дэна Сидерхолма поможет вам использовать CSS3 прямо сейчас, применяя технологии, появившиеся в новых стандартах.
На примере дизайна веб-страницы автор показывает применение всех, изложенных в книге, инструментов.
Оглавление
- Предисловие
- Глава 2
- Не читайте спецификации
- Глава 4
- Целиться на взаимодействие
- Когда применять CSS3
- Глава 7
- border-radius
- text-shadow
- box-shadow
- Несколько фоновых изображений
- opacity
- RGBA
- Какие темы не будут затронуты
- Глава 15
- Как работают браузерные префиксы
- Оптимальный порядок
- Не пугайтесь браузерных префиксов!
- А как насчет повторений?
- Глава 20
- Хвост, который размахивает собакой
- Что такое CSS-переходы
- Простой пример
- Временные функции (мне следовало быть внимательнее на уроках математики)
- Задержка перехода
- Глава 26
- Краткая форма записи перехода с задержкой
- Поддержка в браузерах
- Полная запись перехода
- Состояния перехода
- Переход нескольких свойств
- Переход всех возможных состояний
- К каким свойствам применим переход
- Почему бы не воспользоваться JavaScript?
- Используйте с умом
- Глава 36
- Глава 37
- Сообщения в космосе и в вебе
- Удивление и восторг
- Должны ли сайты выглядеть полностью одинаково в каждом браузере?
- Глава 41
- Сначала разметка
- Сдвинем элементы
- Определение цвета ссылки – RGBA
- Запасной вариант для RGBA
- Добавим text-shadow
- Оформление состояний hover и focus
- Скругление углов: border-radius
- Добавим анимацию
- Построение взаимодействия
- Глава 51
- Прозрачность на кликабельных картинках
- Разметка
- Прозрачность и эффективность картинки
- Оформление списка
- opacity: хак для IE
- Добавим переход
- Вперед, к новому hover
- Глава 59
- Глава 60
- Добавим стиль
- Масштабирование в hover
- Подходящая тень
- Сгладим масштабирование переходом
- Преобразовывая взаимодействие
- Глава 66
- Добавим поворот
- Нет поворота? Паника ни к чему
- Повернутое Солнце
- Кручение (skew)
- Сдвиг (translate)
- Разные преобразования, помогающие поддержать рассказ
- Глава 73
- Поддержка сообщения
- Разметка
- Основные стили для каждого предмета
- Общее правило
- Масштабируем большой пончик
- Перспектива: масштабирование и позиционирование
- Ускользающая космическая кошка
- Откидное кресло
- Исчезающий гном
- Безопасное упрощение
- Глава 84
- Побольше «вау-вау», пожалуйста
- Глава 86
- Параллакс
- Старый способ: дополнительная разметка
- Глава 89
- Синтаксис множественного фона
- Поддержка в браузерах
- Запасной вариант для всех браузеров
- Использование множественных фонов
- Глава 94
- Разметка для простой формы регистрации
- Глава 96
- Больше CSS3-селекторов
- Оформление полей ввода
- Градиенты в CSS3
- Глава 100
- Основные стили для кнопки
- Скругление углов
- Линейный градиент
- text-shadow
- Тень на кнопке
- А как насчет других браузеров?
- Использование box-shadow для создания состояния focus
- Глава 108
- Ключевые кадры
- Ссылки на keyframe
- Повторное использование анимации для кнопки в состоянии hover
- А как насчет остальных браузеров?
- Сосредоточьтесь на взаимодействии
- Глава 114
- А как насчет заказчиков и руководителей, которые не понимают этого?
- Что дальше?
- Дополнительные материалы и ресурсы
- Глава 118
- Об авторе
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21