Уроки Flexbox Практика - Адаптивная верстка сайта. Макет.

Uploaded By: Myvideo

Published on

14 Jun 2022

1 view

0

0 votes

0

About Share Download Add to

Всем привет, мы продолжаем уроки Flexbox практика и в этом уроке я покажу как сделать адаптивный шаблон сайта на flexbox своими руками и очень просто и быстро без использования каких либо фреймворков и сеток. Flexbox это уникальная система которая очень поможет вам в разработке сайтов ======================================================== ПОДПИШИСЬ на канал “Web Developer Blog“ - И не пропускай новые видео!!! ======================================================== ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - Основы JavaScript - Уроки Bootstrap 4 - Уроки Framework для верстки Foundation 6 - Рубрика “Основы за 10 минут“ - Верстка сайта на Foundation 6 - Основы препроцессора SASS - Уроки по Sublime text 3 - Видео про заработок на YouTube - Создаем интернет магазин на PrestaShop - Уроки jQuery - ======================================================== ПОДПИШИСЬ на Группу Вконтакте “Web Developer Blog“ - ========================================================

Share with your friends

Link:

Embed:

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

Portfolio Designer 5 - Верстка секций Contact и Footer на Flexbox по БЭМ.

5 days ago

00:34:42

Portfolio Designer 5 - Верстка секций Contact и Footer на Flexbox по БЭМ.

4 78%

Portfolio Designer 4 - Верстка 2 секций Projects на Flexbox по БЭМ. Правка багов секции Works.

2 weeks ago

00:36:17

Portfolio Designer 4 - Верстка 2 секций Projects на Flexbox по БЭМ. Правка багов секции Works.

37 88%

Flexbox | FLEX-DIRECTION | Указываем направление главной оси

3 weeks ago

00:10:13

Flexbox | FLEX-DIRECTION | Указываем направление главной оси

6 30%

Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси

3 weeks ago

00:07:56

Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси

1 74%

Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси

3 weeks ago

00:07:40

Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси

1 56%

Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии

3 weeks ago

00:04:58

Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии

1 47%

Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

3 weeks ago

00:05:23

Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

1 15%

Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap

3 weeks ago

00:02:39

Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap

1 77%

Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали

3 weeks ago

00:06:12

Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали

1 61%

Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

3 weeks ago

00:03:54

Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

1 91%

Flexbox | MARGIN:AUTO Работает и для вертикали!

3 weeks ago

00:04:03

Flexbox | MARGIN:AUTO Работает и для вертикали!

1 87%

Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока

3 weeks ago

00:05:26

Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока

2 87%

Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока

3 weeks ago

00:04:31

Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока

1 69%

Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока

3 weeks ago

00:04:33

Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока

3 52%

Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis

3 weeks ago

00:02:36

Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis

8 86%

Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера

3 weeks ago

00:06:18

Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера

4 56%

Flexbox. CSS игра Flexbox Froggy

3 weeks ago

00:23:50

Flexbox. CSS игра Flexbox Froggy

2 13%

Portfolio Designer 2 - Верстка приветственной секции на Flexbox с псевдоэлементом before (html, css)

4 weeks ago

01:00:10

Portfolio Designer 2 - Верстка приветственной секции на Flexbox с псевдоэлементом before (html, css)

46 85%

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop

1 month ago

00:43:59

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop

53 51%

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop

1 month ago

00:49:20

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop

49 28%

Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1

1 month ago

03:44:28

Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1

298 29%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

2 months ago

03:18:50

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

36 56%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

2 months ago

03:40:05

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

368 17%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 2

2 months ago

02:44:05

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 2

84 11%

0 Comments

Guest