[lynda.com] Адаптивная вёрстка на практике (James Williamson) на русском
Продолжая концепции, представленные в курсе Основы отзывчивого дизайна, старший автор Джеймс Вильямсон продемонстрирует практическое применение отзывчивого дизайна, и покажет, как улучшить отображение вашего веб-сайта на различных устройствах. Сначала, вы узнаете, как планировать ваш дизайн и использовать достоинства медиа-запросов CSS, чтобы создать несколько макетов. Затем, сделаете, чтобы навигация вашего сайта отзывалась на изменения размеров экрана, с помощью CSS и jQuery, и научитесь делать эластичные изображения и видео. Плюс, узнаете, как воспользоваться такими преимуществами мобильных возможностей, как события прикосновений и формы HTML5, чтобы улучшить восприятие мобильных посетителей. Также Джеймс покажет, как эффективно управлять ресурсами и оптимизировать производительность вашего сайта.
Продолжительность: 6 часов
Продолжая концепции, представленные в курсе Основы отзывчивого дизайна, старший автор Джеймс Вильямсон продемонстрирует практическое применение отзывчивого дизайна, и покажет, как улучшить отображение вашего веб-сайта на различных устройствах. Сначала, вы узнаете, как планировать ваш дизайн и использовать достоинства медиа-запросов CSS, чтобы создать несколько макетов. Затем, сделаете, чтобы навигация вашего сайта отзывалась на изменения размеров экрана, с помощью CSS и jQuery, и научитесь делать эластичные изображения и видео. Плюс, узнаете, как воспользоваться такими преимуществами мобильных возможностей, как события прикосновений и формы HTML5, чтобы улучшить восприятие мобильных посетителей. Также Джеймс покажет, как эффективно управлять ресурсами и оптимизировать производительность вашего сайта.
Продолжительность: 6 часов
- Создание разметок
- Структурирование областей страницы
- Определение стилей по умолчанию и медиа-запросов
- Построение десктопного, планшетного и мобильного макетов
- Структурирование и стилизация меню
- Динамическая замена меню
- Создание отзывчивой галереи изображений
- Добавление телефонного функционала
- Тестирование отзывчивых сайтов
https://privatelink.de/?https://www.lynda.com/