Отзывчивый веб-дизайн
2012 г.
О книге
Интернет вышел за границы мира стационарных компьютеров, и сегодня можно с уверенностью сказать, что в течение нескольких лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами.
Перед вами первое и единственное практическое руководство, которое в пошаговой форме дает ответ на вопрос, как сделать сайт максимально удобным для всех его посетителей, независимо от того, на каком устройстве они будут его просматривать. Оно содержит рекомендации, как избежать наиболее распространенных ошибок и решить большинство проблем, с которыми сталкиваются современные интернет-пользователи. Кроме того, в нем вы найдете программные коды, которые позволят применить на практике все предложенные разработки.
Оглавление
- От научного редактора
- Предисловие
- 1. Наша отзывчивая сеть
- А теперь пристегните ремни
- Отзывчивая архитектура
- Глава 6
- Ингредиенты
- 2. Гибкая сетка
- Глава 9
- Контекстное восстановление
- От гибких шрифтов к гибкой сетке
- Глава 12
- От пикселей к процентам
- Глава 14
- Не продохнуть…
- Немного отрицательных значений
- Гибко двигаемся дальше
- 3. Гибкие изображения
- Назад к разметке
- Гибкие изображения
- Глава 21
- Max-width в Internet Explorer
- …И здесь становится понятно, что Windows нас ненавидит
- Да здравствует герой-победитель AlphaImageLoader!
- Глава 25
- Полностью гибкие фоновые изображения?
- Как научиться любить Overflow
- Проблемы с контентом
- Гибкие сетки и изображения как древо познания
- 4. Медиазапросы
- Глава 31
- Расстановка акцентов
- Маленькая сетка, большие проблемы
- Широкоэкранные неприятности
- Насущные проблемы
- Глава 36
- Знакомьтесь: медиатипы
- Неправильное распределение типов
- Знакомство с медиазапросами
- Познакомьтесь с характеристиками
- Знай свои характеристики
- Глава 42
- В компании с viewport
- Глава 44
- Все дело в деталях
- Отворяй ворота!
- Кое-что по поводу совместимости
- Глава 48
- Ограничения по мере необходимости
- 5. Как стать отзывчивым
- Глава 51
- Определение целей пользователей
- Знакомьтесь: «Сначала мобильные»
- Глава 54
- Определяем разрешение
- Итеративный совместный дизайн
- Интерактивный анализ дизайна
- Глава 58
- «Сначала мобильные» и медиазапросы
- Глава 60
- Работа с JavaScript
- Загружаем контент не спеша, но с умом
- Дальнейшие улучшения
- Вперед! Будь отзывчивым!
- Благодарности
- Глава 1
- Глава 2
- Глава 3
- Глава 4
- Глава 5
- Рекомендуемая литература
- Помощь онлайн
- Об авторе
- 1
- 2