Часть 7. Макет космос — создаём анимированный список ReactJS + NextJS + TypeScript 💎
В видео мы создадим анимированный список для макета космос: градиенты, анимации, растворение, увеличение. Чистая магия без дополнительных библиотек. 😎
🍀 Поддержать развитие канала: https://www.donationalerts.com/r/webe...
✍️ Мой телеграм канал: https://t.me/webelart
🏰 Английский YouTube: @webelart_en
💁🏼♀️ Мой инстаграм: / webelart
🦄 LinkedIn: / webelart
Вся серия видео макетов космос:
⭐️ Часть 1. Верстаем макет космос в прямом эфире — начало: https://youtube.com/live/u9gwi2_rmd4
⭐️ Часть 2. Продолжаем верстку макета космос ReactJS + NextJs + TypeScript — https://youtube.com/live/xs3_2yNUsP0
⭐️ Часть 3. Верстаем арт кнопку к макету, разбираем варианты. ReactJS + TypeScript + NextJS — • Часть 3. Верстаем арт кнопку к макету...
⭐️ Часть 4. Верстаем меню космос ReactJS + TypeScript + NextJS https://youtube.com/live/tntPgRFGqgo
⭐️ Часть 5. Доделываем вёрстку меню космос — ReactJS + TypeScript + NextJS • Часть 5. Доделываем вёрстку меню косм...
⭐️ Часть 6. Макет космос — разрабатываем модальное окно на React + TypeScript + NextJS 🪐 • Часть 6. Макет космос — разрабатываем...
Дополнительные ссылки:
🪐 Макет космос в Figma: https://www.figma.com/file/hUR4aI9Pcb...
🪐 Github ссылка: https://github.com/webelart/cosmos_la...
🪐 Пишем анимацию растворения в Wolf Галерее | React + TypeScript: • Пишем анимацию растворения в Wolf Гал...
🪐 Генератор градиентов: https://www.colorzilla.com/en-gb/grad...
🪐 NextJS — https://nextjs.org
00:00 Введение. Разбираем готовый пример.
01:39 Начинаем разработку + домашняя работа.
04:44 Работа с градиентами для первого экрана. Генерация градиентов.
09:15 Работа над новой секцией, фоном и градиентами.
15:30 Вёрстка подзаголовка с арт-границей. ArtTitle.
23:50 Расширение заголовка с иконкой. type Small.
27:00 Вёрстка анимированного списка. AnimatedMenu.
На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.
