Верстка сайта на гридах с нуля. Organic Juicy Co. Часть 1. Подготовка файлов (html, css, js, figma)

Organic juicy - это серия видеороликов, в которой мы верстаем и адаптируем с помощью гридов макет с очень интересной сеткой и визуальной составляющей (лёгкий, летний и яркий макет с фруктами). Мы реализуем эффектную анимацию в шапке. Применим знания БЭМ и запрограммируем на чистом js два разных слайдера. И всё это с подробными объяснениями каждого действия. Вёрстка сайта позволит нам попрактиковать знания html, css, javascript, grid, бэм, адаптив. В данном видео я отвечу на следующие вопросы: ► Как верстать без макета фигмы? Как верстать по картинке? ► Как обрезать картинки в фигме? ► Как убрать фон у картинки с помощью фигмы? Плагин Color Overlay в figma. ► Где взять svg иконки для макета? Расширение Iconify в фигме. ► Как убрать фон у изображения онлайн? ► Как подключить шрифты на сайт? Как подключить шрифты из Google Fonts? Откуда взять шрифты для сайта? ► В каком порядке подключать стили? Как подключить стили? ► Подключим стилевые файлы и сбросим стили по умолчанию с помощью reset.css. Для чего нужен reset.css? ? Ссылка на плейлист верстки макета Organic Juicy с очень подробными объяснениями: ✅ Ссылка на плейлист верстки макета Velocity с очень подробными объяснениями: ?? Мой список плагинов и расширений для редактора кода VS Code: Ищи школу WEB PRO в соц. сетях: Ссылка на дизайнера макета: Таймкоды: 00:00 Обзор результата верстки макета Velocity (десктопной части) 01:06 Где взять макет для верстки? Где взять материалы для сайта? 01:45 Наша цель на серию...