Framer Skills

Dmitry Malakhov
Подивіться перед початком 👋
Ключова термінологія 📁
Ресурси для створення сайту 🔗
Ресурси для натхнення 🔗
Вступ
Налаштування Framer
Інтерфейс інформаційної панелі
Інтерфейс редактора
Обзор вкладки inster
Огляд табів
Налаштування сторінки
Модель Web Box
Функції позиції
Макет (Layout)
Макети сітки
Як працює адаптивний дизайн
Основи компонентів
Ticker Component
Карусель
Компонент слайд-шоу
Компонент пошуку
Базові ефекти
Анімація прокрутки
Швидкість прокручування
Трансформація прокрутки
Варіант прокрутки
3D трансформації
Кастомні курсори
Відносне накладання
Фіксоване накладення
Переходи сторінок
Вступ
Створення нашого першого стилю (стиль шрифту)
Налаштування стилю шрифту
Налаштуйте стилі кольорів у Framer
Налаштуйте темний і світлий режим у Framer
Приховування нашого стилю
Пошук іконок для сайту
Вступ
Цільова сторінка: навігація
Випадаючий список
Перший блок нашого сайту
Ticker
Картки категорій
Блок сайту, топ продажу (частина 1)
Блок сайту, топ продажу (частина 2)
Блок сайту, формат іконок
Блок сайту, футер
Створення лоудера
Сторінка категорії, перший блок  (частина 1)
Фільтр продуктів  (частина 2)
Сторінка категорії (частина 2)
Строниця деталей (частина 1)
Строниця деталей (частина 2)
Сторінка після реєстрації
Виправлення помилок по всьому сайту
Landing Page, перший блок
Landing Page, блок категорії
Landing Page, топ продажу
Landing Page, формати іконок
Адаптивний дизайн для сторінки категорії
Адаптивний дизайн для сторінки деталі
Адаптивний дизайн сторінка після реєстрації
Основи компонента
Основи функції варіанта
Функції взаємодії
Змінні Основи
Створення кнопок для нашого сайту (Primary)
Створення кнопок для нашого сайту (Secondary)
Компонент гамбургерного меню
Кнопка для меню планшет, телефон
Компонент для логотипу
Компонент для посилання
Компонент для спливаючого вікна (Головна сторінка)
Компонент навігації для сайту (веб, планшет, моб)
Анімація пульсації для кнопки (Головна сторінка)
Кнопка з пульсацією (Головна сторінка)
Компонент тікер
Створення компонента для категорій
Компонент картки для топ продажів (Головна сторінка)
Компонент каруселі для блоку топ продажу (Головна сторінка)
Футер
Компонент лоудера
Компонент для перемикання іконок (Сторінка деталей)
Компонент тикер (Сторінка деталей)
Компонент тикер (Сторінка категорій)
Компоненти карток (Сторінка деталей)
Компонент фільтрації (Сторінка категорій)
Іконка пошуку (Сторінка категорій)
Виправлення помилок
Анімація навігації
Анімація спливаючого вікна
Анімація переходу для всіх сторінок
Анімація іконки  (Головна сторінка)
Анімація іконки паралакс (Головна сторінка)
Анімація для блоку топ продажу  (Головна сторінка)
Анімація зависання, іконки  (Головна сторінка)
Анімація першого блоку (Сторінка деталей)
Анімація лоудера (Головна сторінка)
Анімація першого блоку (Сторінка категорій) Частина 1
Анімація першого блоку (Сторінка категорій) Частина 2
Анімація зависання для іконок (Головна сторінка)
Анімація для сторінки (Дякую за реєстрацію)
Про CMS
Сторінка деталей Частина 1
Сторінка деталей Частина 2
Приєднання карток у CMS (Сторінка деталей)
Дублювання колекції (Сторінка деталей)
Перетворюємо сторінку категорії на CMS
Налаштування фільтрації в CMS (Сторінка категорій) Частина 1
Налаштування фільтрації в CMS (Сторінка категорій) Частина 2
Блок категорій (Головна сторінка)
Топ продажу (Головна сторінка)
Посилання на кнопку (Головна сторінка)
Налаштування посилання (Сторінка деталей)
Налаштування посилань на навігації
Футер
Створення банера для сайту
Створення фавікону
Домен
Останнє відео
Створення кнопки з градієнтом
1 Пак шрифтів
Компонент тикер, створення банерів для фільму