[Линда.ком] Основы отзывчивого дизайна

Основы отзывчивого дизайна
Responsive Design Fundamentals
Lynda.com [RUS]​

Дата Выпуска: 31 Октября 2012
Производитель: Lynda.com
Автор: James Williamson
Продолжительность: 2h 15m
Веб-проекты должны работать на различных устройствах, размерах экранов и браузерах. Веб-дизайн нужно адаптировать под эти критерии, обеспечивая оптимальное качество просмотра для каждого сценария. В этом, конечно, автор Джеймс Уильямсон даёт основы отзывчивого дизайна для веб-дизайнеров новичков и заполняет возможные пробелы опытных дизайнеров, обеспечивая более глубокое исследование того, как современные тенденции в устройствах связи. Курс охватывает такие понятия, как плотность экрана, плавающие сетки, адаптивные изображения, а также фактические стратегии дизайна, который проведет вас от макета до тестирования.
Темы курса:​

• Что такое отзывчивый дизайн?
• Управление окном просмотра
• Проектирование для нескольких экранов
• Работа с медиа-запросам
• Использование плавающих сеток
• Построение отзывчивых форм
• Оптимизация работы сайта
• Построение отзывчивых макетов
• Разработка содержания стратегии
• Разработка совместимости для мобильных устройств
• Создание гибкой HTML
• Тестирование адаптивной конструкции

01.Приветствие

10.Понимание медиа-запросов

Спойлер: Содержание

Introduction 2m 53s
Welcome 1m 8s
Who is this title for? 1m 45s
1. Introducing Responsive Design 14m 16s
What is responsive design? 3m 6s
Exploring the need for responsive design 3m 24s
What makes sites responsive? 2m 37s
Exploring a responsive site 5m 9s
2. Common Concepts 1h 1m
Examining the mobile viewport 4m 12s
Controlling viewports 7m 3s
Understanding screen densities 6m 21s
Designing for multiple screen densities 6m 1s
Understanding media queries 4m 37s
Creating breakpoints with media queries 4m 57s
Using fluid grids 5m 15s
Making images responsive 5m 57s
Examining the future of responsive images 4m 55s
Building responsive forms 6m 47s
Improving site performance 5m 0s
3. Responsive Design Strategies 44m 44s
Designing for the appropriate context 4m 15s
Planning a responsive design 7m 4s
Building responsive mockups 4m 56s
Developing a content strategy for responsive sites 5m 41s
Understanding the mobile context 5m 26s
Designing for mobile capabilities 5m 29s
Creating flexible HTML 6m 1s
Testing responsive designs 5m 52s
Conclusion 12m 3s
Exploring fluid grid frameworks 4m 46s
Looking at responsive design tools 5m 5s
Additional resources 2m 12s

Спойлер: Скриншоты

Тут