Адаптивная верстка лендинга с нуля | SASS/CSS, HTML, Javascript, Figma

Uploaded By: Myvideo

Published on

2 Dec 2021

11 views

0

0 votes

0

About Share Download Add to

Первый урок из серии “Верстка лендинга с нуля и под ключ“. Мы полностью сверстаем лендинг для ресторана, будем использовать препроцессор SASS/SCSS и в дальнейшем натянем его на CMS, то есть сделаем его полностью динамическим и управляемым! Тайм-коды: 🕐00:00 - Начало 🕐00:24 - Что будем изучать 🕐00:54 - Что такое SASS 🕐01:05 - Установка расширения для VS Code 🕐03:18 - Виды CSS файла на выходе 🕐07:00 - Переменные 🕐08:45 - Вложенность 🕐10:58 - Импорт 🕐13:35 - Новые рубрики на канале 🕐13:52 - Миксины 🕐17:20 - Создаем scss файлы для проекта ➡️Ссылка на макет: ➡️Ссылка на Live Sass Compiler: ➡️Ссылка на документацию SASS: ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 👉Задать вопрос: 👉Разбор ваших работ: /////////////////////////////////////////////////////////////////////////////////

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/eEdabUI5S0lzVFhVeU4vcDJDMGRJMytuMmgybFhhdm1EbTIzRFVnWDdtRT0" 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

3 months ago

03:55:52

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

1 58%

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

4 months ago

00:28:35

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

2 84%

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

4 months ago

00:25:11

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

1 70%

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

4 months ago

00:11:36

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

1 40%

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

5 months ago

06:38:50

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

1 95%

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

5 months ago

00:35:30

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

1 66%

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

5 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 16%

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

6 months ago

01:49:10

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

1 19%

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

6 months ago

03:59:43

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

1 10%

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

6 months ago

00:50:53

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

1 21%

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

7 months ago

00:36:44

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

1 85%

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

7 months ago

00:16:35

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

1 6%

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

7 months ago

00:41:17

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

1 15%

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

8 months ago

04:29:35

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

1 31%

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

8 months ago

00:11:41

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

1 16%

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

8 months ago

00:35:13

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

1 55%

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

8 months ago

00:13:02

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

3 65%

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

8 months ago

01:39:26

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

1 74%

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

8 months ago

04:20:05

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

1 42%

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

8 months ago

00:01:00

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

1 63%

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

8 months ago

01:07:20

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

1 53%

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

8 months ago

00:10:16

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

4 89%

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

9 months ago

04:42:31

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

41 89%

0 Comments

Guest