CSS3 — новейший стандарт веб-разработок, значительно расширяющий функциональные
возможности языков веб-программирования и позволяющий реализовать оригинальные визуальные решения для ваших интернет-проектов. С помощью CSS3 вы сможете создавать такие привлекательные эффекты, как полупрозрачные фоны, градиенты и тени; использовать оригинальные шрифты, обычно не применяющиеся в Сети; внедрять на сайтах анимацию без использования Flash; предоставить пользователям возможность персонифицировать дизайн сайта без применения JavaScript. Вы узнаете, как средствами CSS реализовать множество практических задач, решая по ходу работы с книгой разнообразные учебные примеры.
Как создать потрясающий дизайн с уникальной типографикой и графическими элементами?
Как использовать CSS3 для улучшения юзабилити вашего сайта? Как обеспечить поддержку новых возможностей CCS3 для устаревших браузеров? Как создавать веб-дизайн для мобильных версий сайта? Ответы на эти и многие другие вопросы вы найдете в данной книге.
Кол-во страниц:304
Язык:Русский
Издательство:СПб.: Питер
Введение 9
Глава 1. Основная информация о CSS3 15
Что такое CSS3? 16
Поддержка браузерами 19
Преимущества CSS3 23
Разбор ситуации: центр изучения безопасности на дорогах 27
Грамотное использование CSS3 33
Глава 2. Облачка с текстом 51
В этом уроке 52
Базовая страница 52
Ограничение длины строки в большом блоке текста 53
Графические эффекты без графики 55
Трансформирование аватаров 94
Готовая страница 101
Глава 3. Линованная бумага 103
В этом уроке 104
Базовая страница 104
Усложнение фона 105
Добавление падающей тени 129
Встраивание уникальных шрифтов 130
Готовая страница 150
Глава 4. Стилизация изображений и ссылок в зависимости от их типа 153
В этом уроке 154
Базовая страница 154
Что такое селекторы атрибутов? 155
Обозначение типа файла с помощью динамически добавляемых значков 157
Разные варианты стилизации полноразмерных фотографий и эскизов 163
Готовая страница 168
Глава 5. Повышение эффективности за счет псевдоклассов 171
В этом уроке 172
Выбор определенных элементов без использования идентификаторов и классов 172
Динамическая подсветка разделов страницы 185
Глава 6. Разные размеры экрана, разный дизайн 211
В этом уроке 212
Базовая страница 212
Что такое медиазапросы?. 213
Подгонка макета под большой экран 215
Изменение макета под небольшой экран 226
Изменение макета для просмотра на мобильных устройствах 230
Обходные пути для не поддерживающих данную возможность браузеров 246
Готовая страница . 247
Глава 7. Вспоминаем навыки верстки 249
В этом уроке 250
Изменения близятся 250
Создание многостолбцовых макетов без плавающих полей и позиционирования 251
Возвращаемся в действительность: что работает сейчас 274
Альтернативы модели гибкого поля 286
Приложение A. Поддержка в браузерах 297
Заключение 303