Toretto
Администратор
[Lynda.com] Создание отзывчивого дизайна одностраничного сайта
skladchik.org
[POSTS]
Оригинальное название: Building a Responsive Single-Page Design
Автор: Ray Villalobos
Продолжительность: 4ч 58м
Дата релиза: 23 сентября, 2014 год
Перевод: голос + субтитры
Научитесь создавать динамический, отзывчивый дизайн одностраничного сайта с помощью HTML, JavaScript и CSS. Продемонстрированный в этом курсе веб-сайт сочетает в себе плавающую навигацию, столбцы, которые подгоняются, не захламляя при этом макет сайта или HTML-разметку, и анимированные эффекты прокрутки, реагирующие на указания пользователя. Автор Рей Виллалобос показывает, как все это реализовать. Он начинает со скудного, легко-читаемого шаблона, а затем объясняет, как с помощью четырех перечисленных ниже фреймворков добавлять функции, которые сделают дизайн одностраничных сайтов настолько искусными:
Темы курса:
skladchik.org
[POSTS]
Вам необходимо зарегистрироваться на сайте для просмотра скрытых ссылок
[/POSTS]Оригинальное название: Building a Responsive Single-Page Design
Автор: Ray Villalobos
Продолжительность: 4ч 58м
Дата релиза: 23 сентября, 2014 год
Перевод: голос + субтитры
Научитесь создавать динамический, отзывчивый дизайн одностраничного сайта с помощью HTML, JavaScript и CSS. Продемонстрированный в этом курсе веб-сайт сочетает в себе плавающую навигацию, столбцы, которые подгоняются, не захламляя при этом макет сайта или HTML-разметку, и анимированные эффекты прокрутки, реагирующие на указания пользователя. Автор Рей Виллалобос показывает, как все это реализовать. Он начинает со скудного, легко-читаемого шаблона, а затем объясняет, как с помощью четырех перечисленных ниже фреймворков добавлять функции, которые сделают дизайн одностраничных сайтов настолько искусными:
- Compass, чьи Sass-примеси способствуют запуску таких CSS3 функций, как Flexbox
- Susy 2 – фреймворк, отделяющий математику от отзывчивого сеточного дизайна
- ScrollMagic, используемый для добавления волшебных эффектов прокрутки
- Breakpoint, который позволяет моментально писать медиа-запросы в Sass
Темы курса:
- Предварительный анализ проекта
- Создание базовых стилей
- Создание собственных Sass-примесей
- Кодирование навигации
- Как с помощью сеток сделать навигацию отзывчивой
- Использование разделенного макета
- Создание промежуточной анимации
- Управление сценами с помощью прокрутки
Последнее редактирование:
Возможно, Вас ещё заинтересует:
- Видеохудожник 3.0 [Артем Гавр]
- Саунд-Дизайн для анимации [Motion Design School] [Daruma Audio]
- Анимация в Instagram
- Fusion. Быстрый старт - Fusion class [Color grading master] [Александр Макаров]
- Стабилизация в Premiere Pro: устранение тряски камеры [liveclasses] [Дмитрий Ларионов]
- Конференция для художников, иллюстраторов и графических дизайнеров [ART FAMILY SCHOOL]
- Практический онлайн-курс по видеосъёмке от агентства «Хохлов Сабатовский» [Влад Сабатовский]
- Монтаж в Davinci Resolve 16 [profileschool] [Дмитрий Ларионов]
- Мультикамера в Premiere Pro. Монтаж материала с нескольких камер [liveclasses] Дмитрий Ларионов
- Создание коллажей для фотостоков [Вадим Закиров]