Программирование

Тим Кедлек. Адаптивный дизайн

Тим Кедлек. Адаптивный дизайн

Делаем сайты для любых устройств

Новые устройства и платформы появляются каждый день. У разработчиков мобильных приложений и сайтов существует реальная проблема: как корректно и качественно отобразить весь контент на экране любого размера и соотношения сторон. Для решения этой задачи предназначен адаптивный веб-дизайн.

Целью адаптивного веб-дизайна является создание универсальных веб-сайтов и приложений для различных устройств. Для того чтобы с веб-сайтом или приложением было удобно работать на устройствах с различным разрешением и различного формата, по технологии адаптивного дизайна не нужно создавать отдельные версии для каждого вида устройств. Неважно, что будет использоваться для просмотра сайта: смартфон, планшет, ноутбук или телевизор, подключенный к Интернету.

Книга Тима Кедлека, известного специалиста в области веб-дизайна, рассказывает, как грамотно создать сайт с использованием «резиновой верстки» модулей media queries и fluid media, как с самого начала правильно организовать рабочий процесс создания сайта в адаптивном дизайне и как учитывать особенности различных устройств.

Содержание:

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

Глава 1. Интернет на каждом шагу
  • Неверный выбор
  • Все новые и новые устройства
  • Отдельные сайты
  • Адаптивность
  • Зачем снова об этом писать?
  • О чем эта книга?
  • Для кого эта книга?
  • Примеры кода
  • Сопроводительный сайт

Глава 2. «Резиновые» макеты
  • Варианты компоновки
  • Размер шрифта
  • Сетки
  • Комбинация «резинового» и жесткого макетов
  • Подводя итоги

Глава 3. Медиазапросы
  • Области просмотра
  • Структура медиазапроса
  • Встроенные и внешние медиазапросы
  • Порядок медиазапросов
  • Основной интерфейс
  • Точки перехода
  • Навигация
  • Поддержка Internet Explorer
  • Подводя итоги

Глава 4. Адаптивные элементы
  • Истоки проблемы
  • Изображения для мобильной версии
  • Создание адаптивных изображений
  • Варианты адаптивных изображений
  • Фоновые изображения
  • Экраны с высоким разрешением
  • Другие элементы фиксированной ширины
  • Подводя итоги

Глава 5. Планирование
  • Выбор в пользу адаптивности
  • Факторы, которые нужно учесть
  • Статистические данные
  • Контент сайта
  • Выбор устройств
  • Интерфейс для различных устройств
  • Испытательный стенд
  • Подводя итоги

Глава 6. Процесс проектирования
  • На вкус и цвет
  • Сначала мобильные
  • Инструментарий
  • Подводя итоги

Глава 7. Адаптивный контент
  • Начиная с контента
  • Типы контента
  • Выбор контента для отображения
  • Изменение порядка отображения контента
  • Направление развития
  • Подводя итоги

Глава 8. Технология RESS
  • Распознавание агента пользователя
  • Распознавание функций
  • Объединение распознавания агента пользователя и функций
  • RESS: лучшее из обоих миров
  • Сложное положение
  • Установка WURFL
  • Возможности распознавания
  • Подводя итоги

Глава 9. Адаптивные интерфейсы
  • Система датчиков
  • Сеть
  • Контекст
  • Функциональные возможности
  • Подводя итоги

Послесловие. Глядя в будущее
  • Благодарности за фото
  • Об авторе
  • О научном редакторе

Издательство: Питер
Серия: Библиотека специалиста
Год издания: 2013
Страниц: 288
ISBN: 978-5-496-00631-6
Формат: DjVu
Язык: русский
Качество: отличное

 

Скачать книгу «Адаптивный дизайн» (34,3 МБ):

Bookingolz 14/07/18 Просмотров: 2133
+2