Название: Адаптивный дизайн: делаем сайты для любых устройств Автор: Тим Кедлек Издательство: СПб.: Питер Серия: Библиотека специалиста Год издания: 2013 Страниц: 288 ISBN: 978-5-496-00631-6 Формат: DjVu Язык: русский Размер: 34,3 Мб Качество: отличное
Новые устройства и платформы появляются каждый день. У разработчиков мобильных приложений и сайтов существует реальная проблема: как корректно и качественно отобразить весь контент на экране любого размера и соотношения сторон. Для решения этой задачи предназначен адаптивный веб-дизайн. Целью адаптивного веб-дизайна является создание универсальных веб-сайтов и приложений для различных устройств. Для того чтобы с веб-сайтом или приложением было удобно работать на устройствах с различным разрешением и различного формата, по технологии адаптивного дизайна не нужно создавать отдельные версии для каждого вида устройств. Неважно, что будет использоваться для просмотра сайта: смартфон, планшет, ноутбук или телевизор, подключенный к Интернету. Книга Тима Кедлека, известного специалиста в области веб-дизайна, рассказывает, как грамотно создать сайт с использованием «резиновой верстки» модулей media queries и fluid media, как с самого начала правильно организовать рабочий процесс создания сайта в адаптивном дизайне и как учитывать особенности различных устройств.
Благодарности Предисловие от Аарона Густавсона Дополнительные материалы
Глава 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 Подводя итоги
Послесловие. Глядя в будущее
Благодарности за фото Об авторе О научном редакторе
Скачать Адаптивный дизайн: делаем сайты для любых устройств
Внимание
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.