Приветствую, друзья во второй части курса по HTML верстке макета Figma! В данном уроке мы приступаем к верстке первого экрана главной страницы сайта, сверстаем адаптивный Navbar, который включает логотип, адаптивное меню и блок ссылок на социальные сети.
Материалы урока: Скачать
Рекомендуемые материалы и уроки
- Показать все шрифты в Figma: Font Fascia
- Instant Eyedropper: Скачать программу
- Bootstrap 4. Сетка. Подробное руководство: Страница урока
- Молниеносная верстка с Emmet: Смотреть на YouTube
- Предпросмотр SVG в Windows: Скачать программу с GitHub
- Урок по созданию данного дизайна: Создание дизайна сайта в Figma
- Настройка VS Code для верстки: Ознакомиться с уроком
- Как стать крутым веб-дизайнером: Ознакомиться с уроком
Премиум уроки от WebDesign Master
Другие уроки по теме «HTML и CSS»
- Создание красивого сайта с поддержкой темной темы (HTML, CSS, GSAP) | Материалы урока
- Создание крутого 3D сайта с анимацией прокрутки | Материалы урока
- Создание потрясающей галереи на HTML, CSS и JavaScript | Материалы урока
- Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном | Материалы урока
- HTML верстка «ленивого» слайдера | Верстка макета Figma. Часть 6 | Создание коммерческого сайта от А до Я. Урок 21
- Карточки эквивалентной высоты, анимация | HTML верстка макета Figma. Часть 5 | Создание коммерческого сайта от А до Я. Урок 20