- Артикул:00-00007028
- Автор: Кедлек Т.
- ISBN: 978-5-496-00631-6
- Обложка: Мягкая обложка
- Издательство: Питер (все книги издательства)
- Город: СПб
- Страниц: 288
- Формат: 70x100/16 (~168x240 мм)
- Год: 2013
- Вес: 721 г
Новые устройства и платформы появляются каждый день. У разработчиков мобильных приложений и сайтов существует реальная проблема: как корректно и качественно отобразить весь контент на экране любого размера и соотношения сторон. Для решения этой задачи предназначен адаптивный веб-дизайн. Целью адаптивного веб-дизайна является создание универсальных веб-сайтов и приложений для различных устройств. Для того чтобы с веб-сайтом или приложением было удобно работать на устройствах с различным разрешением и различного формата, по технологии адаптивного дизайна не нужно создавать отдельные версии для каждого вида устройств. Неважно, что будет использоваться для просмотра сайта: смартфон, планшет, ноутбук или телевизор, подключенный к Интернету. Книга Тима Кедлека, известного специалиста в области веб-дизайна, рассказывает, как грамотно создать сайт с использованием «резиновой верстки» модулей media queries и fluid media, как с самого начала правильно организовать рабочий процесс создания сайта в адаптивном дизайне и как учитывать особенности различных устройств.
Содержание
Благодарности
Предисловие от Аарона Густавсона
Дополнительные материалы
Глава 1. Интернет на каждом шагу
Неверный выбор
Все новые и новые устройства
Размер экрана
Скорость соединения
Поддержка стандартов
Методы ввода
Контекст
Отдельные сайты
Многообразие
Адаптивность
Прогрессивное улучшение
Подробнее о планах на будущее
Зачем снова об этом писать?
О чем эта книга?
Для кого эта книга?
Примеры кода
Сопроводительный сайт
Глава 2. «Резиновые» макеты
Варианты компоновки
Фиксированная ширина
«Резиновая» компоновка
Эластичная компоновка
Гибридные компоновки
Наиболее адаптивный подход
Размер шрифта
Пикселы
Единицы еш
Проценты
Дополнительный вариант: единицы геш
Наиболее адаптивный подход
Преобразование единиц измерения
Сетки
Контент как основа
Настройка сетки
Комбинация «резинового» и жесткого макетов
Макеты на основе таблиц
Подводя итоги
Глава 3. Медиазапросы
Области просмотра
Пиксел это пиксел. Но не всегда
Тег Viewport и его свойства
Структура медиазапроса
Типы носителей
Медиафункции
Логические операторы
Стили
Встроенные и внешние медиазапросы
Порядок медиазапросов
От версии для настольных компьютеров
От версии для мобильных устройств
Основной интерфейс
Точки перехода
Контент как точка отсчета
Усовершенствование для больших экранов
Единицы
Навигация
Переключение
Поддержка Internet Explorer
Подводя итоги
Глава 4. Адаптивные элементы
Истоки проблемы
Производительность
Изображения для мобильной версии
JavaScript
Introducing matchMedia
Создание адаптивных изображений
Борьба с браузером
Отказ от борьбы
Обращение к серверу
Варианты адаптивных изображений
Сервис Sencha.io Src
Сервис Adaptive Images
И что же делать?
Фоновые изображения
Раз уж мы об этом заговорили
Экраны с высоким разрешением
Язык SVG
Другие элементы фиксированной ширины
Видео
Улучшение интерфейса
Баннеры
Подводя итоги
Глава 5. Планирование
Выбор в пользу адаптивности
Факторы, которые нужно учесть
Производительность
Контекст
Контент сайта
Временные рамки
Поддержка
Реклама
Заключение
Статистические данные
Перекос в статистических данных
Какая статистика имеет значение
Данные о доле на рынке
Контент сайта
Аудит контента
Таблицы страниц
Выбор устройств
Оптимизирован для некоторых, доступен для многих
Интерфейс для различных устройств
Испытательный стенд
Реальные устройства
Эмуляторы
Сторонние сервисы
Подводя итоги
Глава 6. Процесс проектирования
На вкус и цвет
Интерактивная среда
Сотрудничество
Системное мышление
Сначала мобильные
Развитие мобильного Интернета
Необходимость концентрации
Увеличение ваших возможностей
Инструментарий
Каркасы
Прототипы
Руководства по стилям
Подводя итоги
Глава 7. Адаптивный контент
Начиная с контента
Типы контента
Предназначение
Создание
Структура
Выбор контента для отображения
Удаление контента
Совершенствование контента
Изменение порядка отображения контента
И снова структура
Направление развития
Трудная ситуация с кодом
Первые шаги
Создание API
Подводя итоги
Глава 8. Технология ress
Распознавание агента пользователя
Анатомия строки агента пользователя
Зачем нужно распознавание агента пользователя?
Распознавание функций
Modernizr
Переход на сервер
Объединение распознавания агента пользователя и функций
RESS: лучшее из обоих миров
Сложное положение
Установка WURFL
Конфигурация
Возможности распознавания
Телефонные звонки
Оптимизация для сенсорных экранов
Подводя итоги
Глава 9. Адаптивные интерфейсы
Система датчиков
Сеть
Что можно сделать
Контекст
Классификация контекстов
Наблюдайте и исследуйте
Функциональные возможности
Типы ввода в HTML5
API
Подводя итоги
Послесловие. Глядя в будущее
Благодарности за фото
Об авторе
О научном редакторе