Адаптивная верстка лендинга с нуля | SVG-спрайты, Swiper-слайдер

Uploaded By: Myvideo

Published on

2 Dec 2021

4 views

0

0 votes

0

About Share Download Add to

Продолжаем верстку лендинга, сегодня мы с вами подготовим проект, подключим шрифты с Google Fonts, подключим Swiper-слайдер, а также научимся делать svg-спрайты, в которые положим все наши иконки. Тайм-коды: 🕐00:00 - Начало 🕐00:16 - Что будем изучать 🕐01:57 - Подключаем шрифты 🕐05:20 - Подключаем Swiper-slider 🕐10:00 - SVG-спрайты 🕐20:43 - Заливаем на Github ➡️Ссылка на макет: ➡️Первый выпуск: ➡️Github-репозиторий: ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 👉Задать вопрос: 👉Разбор ваших работ: ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 🤟Вступайте в чат и общайтесь с единомышленниками: /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/Q1p0YVk0M3dnMkF4czRlRVlleDdheDJURG9SSWovSDJ2S2pMQWlwZXR2QT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

4 months ago

03:55:52

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

1 76%

Chrome DevTools. Полный ГАЙД для Тестировщиков

5 months ago

00:28:35

Chrome DevTools. Полный ГАЙД для Тестировщиков

2 64%

Полный гайд по CSS Grid: адаптивная верстка за пару минут

5 months ago

00:25:11

Полный гайд по CSS Grid: адаптивная верстка за пару минут

1 46%

Как написать соцсеть в 2024 году Установка Node JS и Yarn. Реализация дизайна.

5 months ago

00:11:36

Как написать соцсеть в 2024 году Установка Node JS и Yarn. Реализация дизайна.

1 17%

Полный курс HTML & CSS за 6 часов

6 months ago

06:38:50

Полный курс HTML & CSS за 6 часов

1 76%

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

6 months ago

00:35:30

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

1 32%

Open Server 6.0 - Как создать проект. Как использовать Apache

6 months ago

00:05:02

Open Server 6.0 - Как создать проект. Как использовать Apache

158 28%

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

6 months ago

00:16:13

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

1 66%

Как новичку создать красивый сайт | Подробный урок

7 months ago

01:49:10

Как новичку создать красивый сайт | Подробный урок

1 45%

Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)

7 months ago

03:59:43

Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)

1 62%

Как сделать НАТИВНЫЙ UI на Flutter | Cupertino и Material | Пересборка №15

7 months ago

00:50:53

Как сделать НАТИВНЫЙ UI на Flutter | Cupertino и Material | Пересборка №15

1 79%

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! ENG SUBS

8 months ago

00:36:44

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! ENG SUBS

1 24%

7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax

8 months ago

00:16:35

7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax

1 33%

CSS EM REM и прочие единицы измерения CSS. Что когда использовать Подробное объяснение на практике.

8 months ago

00:41:17

CSS EM REM и прочие единицы измерения CSS. Что когда использовать Подробное объяснение на практике.

1 71%

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

8 months ago

04:29:35

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

1 71%

Анализируем новый макет в #Figma глазами разработчика

8 months ago

00:11:41

Анализируем новый макет в #Figma глазами разработчика

1 62%

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

8 months ago

00:35:13

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

1 23%

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

9 months ago

00:13:02

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

3 40%

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

9 months ago

01:39:26

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

1 70%

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

9 months ago

04:20:05

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

1 24%

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

9 months ago

00:01:00

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

1 87%

CSS GRID СЕТКА САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

9 months ago

01:07:20

CSS GRID СЕТКА САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

1 85%

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

9 months ago

00:10:16

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

6 66%

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

10 months ago

04:42:31

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

41 94%

0 Comments

Guest