​

[lynda.com] Адаптивная вёрстка на практике (James Williamson) на русском

Продолжая концепции, представленные в курсе Основы отзывчивого дизайна, старший автор Джеймс Вильямсон продемонстрирует практическое применение отзывчивого дизайна, и покажет, как улучшить отображение вашего веб-сайта на различных устройствах. Сначала, вы узнаете, как планировать ваш дизайн и использовать достоинства медиа-запросов CSS, чтобы создать несколько макетов. Затем, сделаете, чтобы навигация вашего сайта отзывалась на изменения размеров экрана, с помощью CSS и jQuery, и научитесь делать эластичные изображения и видео. Плюс, узнаете, как воспользоваться такими преимуществами мобильных возможностей, как события прикосновений и формы HTML5, чтобы улучшить восприятие мобильных посетителей. Также Джеймс покажет, как эффективно управлять ресурсами и оптимизировать производительность вашего сайта.

Продолжительность: 6 часов

Темы курса:

Спойлер

• Создание разметок
• Структурирование областей страницы
• Определение стилей по умолчанию и медиа-запросов
• Построение десктопного, планшетного и мобильного макетов
• Структурирование и стилизация меню
• Динамическая замена меню
• Создание отзывчивой галереи изображений
• Добавление телефонного функционала
• Тестирование отзывчивых сайтов