Благодарности
Предисловие от Аарона Густавсона
Дополнительные материалы

Глава 1. Интернет на каждом шагу

Неверный выбор
Все новые и новые устройства
Размер экрана
Скорость соединения
Поддержка стандартов
Методы ввода
Контекст
Отдельные сайты
Многообразие
Адаптивность
Прогрессивное улучшение
Подробнее о планах на будущее
Зачем снова об этом писать?
О чем эта книга?
Для кого эта книга?
Примеры кода
Сопроводительный сайт

Глава 2. «Резиновые» макеты

Варианты компоновки
Фиксированная ширина
«Резиновая» компоновка
Эластичная компоновка
Гибридные компоновки
Наиболее адаптивный подход
Размер шрифта
Пикселы
Единицы em
Проценты
Дополнительный вариант: единицы rem
Наиболее адаптивный подход
Преобразование единиц измерения
Сетки
Контент как основа
Настройка сетки
Комбинация «резинового» и жесткого макетов
Макеты на основе таблиц
Подводя итоги

Глава 3. Медиазапросы

Области просмотра
Пиксел это пиксел. Но не всегда
Тег Viewport и его свойства
Структура медиазапроса
Типы носителей
Медиафункции
Логические операторы
Стили
Встроенные и внешние медиазапросы
Порядок медиазапросов
От версии для настольных компьютеров
От версии для мобильных устройств
Основной интерфейс
Точки перехода
Контент как точка отсчета
Усовершенствование для больших экранов
Единицы em
Навигация
Переключение
Поддержка Internet Explorer
Подводя итоги

Глава 4. Адаптивные элементы

Истоки проблемы
Производительность
Изображения для мобильной версии
javascript
Introducing matchMedia
Создание адаптивных изображений
Борьба с браузером
Отказ от борьбы
Обращение к серверу
Варианты адаптивных изображений
Сервис Sencha.io Src
Сервис Adaptive Images
И что же делать?
Фоновые изображения
Раз уж мы об этом заговорили
Экраны с высоким разрешением
Язык SVG
Другие элементы фиксированной ширины
Видео
Улучшение интерфейса
Баннеры
Подводя итоги

Глава 5. Планирование

Выбор в пользу адаптивности
Факторы, которые нужно учесть
Производительность
Контекст
Контент сайта
Временные рамки
Поддержка
Реклама
Заключение
Статистические данные
Перекос в статистических данных
Какая статистика имеет значение
Данные о доле на рынке
Контент сайта
Аудит контента
Таблицы страниц
Выбор устройств
Оптимизирован для некоторых, доступен для многих
Интерфейс для различных устройств
Испытательный стенд
Реальные устройства
Эмуляторы
Сторонние сервисы
Подводя итоги

Глава 6. Процесс проектирования

На вкус и цвет
Интерактивная среда
Сотрудничество
Системное мышление
Сначала мобильные
Развитие мобильного Интернета
Необходимость концентрации
Увеличение ваших возможностей
Инструментарий
Каркасы
Прототипы
Руководства по стилям
Подводя итоги

Глава 7. Адаптивный контент

Начиная с контента
Типы контента
Предназначение
Создание
Структура
Выбор контента для отображения
Удаление контента
Совершенствование контента
Изменение порядка отображения контента
И снова структура
Направление развития
Трудная ситуация с кодом
Первые шаги
Создание API
Подводя итоги

Глава 8. Технология RESS

Распознавание агента пользователя
Анатомия строки агента пользователя
Зачем нужно распознавание агента пользователя?
Распознавание функций
Modernizr
Переход на сервер
Объединение распознавания агента пользователя и функций
RESS: лучшее из обоих миров
Сложное положение
Установка WURFL
Конфигурация
Возможности распознавания
Телефонные звонки
Оптимизация для сенсорных экранов
Подводя итоги

Глава 9. Адаптивные интерфейсы

Система датчиков
Сеть
Что можно сделать
Контекст
Классификация контекстов
Наблюдайте и исследуйте
Функциональные возможности
Типы ввода в HTML5
API
Подводя итоги

Послесловие. Глядя в будущее

Благодарности за фото
Об авторе
О научном редакторе