Уроки FlexBox - Основы за 5 минут для новичков

Uploaded By: Myvideo

Published on

13 Jun 2022

1 view

0

0 votes

0

About Share Download Add to

Всем привет в этом видео я покажу основы flexbox для новичков. На самом деле уроки 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/MjJ4d3huY0pDeW1yRzJZd0psUXpoMWphcmFhQmVjQ0VwbWhKVEFzaGpoUT0" 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 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

1 month ago

01:02:51

Portfolio Designer 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

95 21%

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)

1 month ago

00:51:08

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)

14 32%

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

2 months ago

00:34:42

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

22 15%

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

2 months ago

00:36:17

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

78 65%

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

2 months ago

00:10:13

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

9 76%

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

2 months ago

00:07:56

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

1 70%

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

2 months ago

00:07:40

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

1 41%

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

2 months ago

00:04:58

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

2 69%

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

2 months ago

00:05:23

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

1 46%

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

2 months ago

00:02:39

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

1 7%

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

2 months ago

00:06:12

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

1 6%

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

2 months ago

00:03:54

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

1 41%

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

2 months ago

00:04:03

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

2 45%

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

2 months ago

00:05:26

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

2 55%

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

2 months ago

00:04:31

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

1 48%

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

2 months ago

00:04:33

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

3 68%

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

2 months ago

00:02:36

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

13 62%

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

2 months ago

00:06:18

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

6 12%

Flexbox. CSS игра Flexbox Froggy

2 months ago

00:23:50

Flexbox. CSS игра Flexbox Froggy

7 14%

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

2 months ago

01:00:10

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

56 35%

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

3 months ago

00:43:59

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

118 30%

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

3 months ago

00:49:20

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

84 35%

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

3 months ago

03:44:28

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

316 62%

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

3 months ago

03:18:50

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

59 25%

0 Comments

Guest