Flexbox CSS простым языком: глубокое понимание нюансов

Uploaded By: Myvideo

Published on

27 Jan 2024

1 view

0

0 votes

0

About Share Download Add to

Flexbox - основа современной и адаптивной верстки. В ролике разберем что делает flexbox гибким. Решим основные сложности в понимании и работе с flexbox. Тайминг: 00:00 - 00:30 - Что нужно для работы? 00:30 - 01:20 - Пишем HTML навигацию для работы над темой flexbox 01:20 - 02:23 - Настраиваем CSS для навигации 02:23 - 03:42 - min-content и max-content в основе работы flexbox 03:42 - 06:02 - flex-grow, flex-shrink и flex-wrap: как работают и на что влияют 06:02 - 06:58 - Пишем HTML секцию новостей для работы над темой flexbox 06:58 - 07:33 - Настраиваем CSS для секции новостей 07:33 - 09:49 - Почему столбцы в flexbox не одинакового размера? 09:49 - 11:12 - flex-direction и адаптив: где использовать flexbox 11:12 - 13:34 - justify-content: flex-start, flex-end, center и другие 13:34 - 15:17 - align-items: flex-start, flex-end, center и другие 15:17 - 15:43 - Итоги видео

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/RERzN0V5QTFTWnkzbTEvbnRNQkVLRkdMby8wWG9EMittQnZTdENkV0d4QT0" 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 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

2 weeks ago

01:02:51

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

75 80%

Мастер-класс по кастомизации Jmix UI

3 weeks ago

01:04:13

Мастер-класс по кастомизации Jmix UI

116 25%

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

3 weeks ago

00:51:08

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

11 32%

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

1 month ago

00:34:42

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

15 24%

Using DevTools to understand modern CSS layouts / Huj Jung Chen

1 month ago

00:53:50

Using DevTools to understand modern CSS layouts / Huj Jung Chen

2 38%

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

1 month ago

00:36:17

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

72 18%

CSS для Начинающих - Практический Курс

1 month ago

01:47:36

CSS для Начинающих - Практический Курс

1 32%

HTML + CSS | Клуб Web-разработки

1 month ago

01:21:36

HTML + CSS | Клуб Web-разработки

322 7%

webDev CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)

1 month ago

00:06:33

webDev CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)

39 17%

HTML, CSS - 141 - Effects, Optimizations and Deployment - Browser Support and Fixing Flexbox Gap

1 month ago

00:07:50

HTML, CSS - 141 - Effects, Optimizations and Deployment - Browser Support and Fixing Flexbox Gap

1 71%

HTML, CSS - 063 - Layouts - Floats, Flexbox, and CSS Grid - CHALLENGE 3

1 month ago

00:07:44

HTML, CSS - 063 - Layouts - Floats, Flexbox, and CSS Grid - CHALLENGE 3

1 66%

HTML, CSS - 062 - Layouts - Floats, Flexbox, and CSS Grid - Building a Simple CSS Grid Layout

1 month ago

00:15:43

HTML, CSS - 062 - Layouts - Floats, Flexbox, and CSS Grid - Building a Simple CSS Grid Layout

3 77%

HTML, CSS - 061 - Layouts - Floats, Flexbox, and CSS Grid - Aligning Grid Items and Tracks

1 month ago

00:13:38

HTML, CSS - 061 - Layouts - Floats, Flexbox, and CSS Grid - Aligning Grid Items and Tracks

1 15%

HTML, CSS - 060 - Layouts - Floats, Flexbox, and CSS Grid - Placing and Spanning Grid Items

1 month ago

00:12:51

HTML, CSS - 060 - Layouts - Floats, Flexbox, and CSS Grid - Placing and Spanning Grid Items

2 29%

HTML, CSS - 059 - Layouts - Floats, Flexbox, and CSS Grid - Sizing Grid Columns and Rows

1 month ago

00:13:51

HTML, CSS - 059 - Layouts - Floats, Flexbox, and CSS Grid - Sizing Grid Columns and Rows

1 59%

HTML, CSS - 058 - Layouts - Floats, Flexbox, and CSS Grid - A CSS Grid Overview

1 month ago

00:09:35

HTML, CSS - 058 - Layouts - Floats, Flexbox, and CSS Grid - A CSS Grid Overview

4 48%

HTML, CSS - 057 - Layouts - Floats, Flexbox, and CSS Grid - Introduction to CSS Grid

1 month ago

00:10:54

HTML, CSS - 057 - Layouts - Floats, Flexbox, and CSS Grid - Introduction to CSS Grid

1 45%

HTML, CSS - 056 - Layouts - Floats, Flexbox, and CSS Grid - CHALLENGE 2

1 month ago

00:14:10

HTML, CSS - 056 - Layouts - Floats, Flexbox, and CSS Grid - CHALLENGE 2

1 22%

HTML, CSS - 055 - Layouts - Floats, Flexbox, and CSS Grid - Building a Simple Flexbox Layout

1 month ago

00:12:07

HTML, CSS - 055 - Layouts - Floats, Flexbox, and CSS Grid - Building a Simple Flexbox Layout

1 60%

HTML, CSS - 054 - Layouts - Floats, Flexbox, and CSS Grid - Adding Flexbox to Our Project

1 month ago

00:19:53

HTML, CSS - 054 - Layouts - Floats, Flexbox, and CSS Grid - Adding Flexbox to Our Project

1 76%

HTML, CSS - 053 - Layouts - Floats, Flexbox, and CSS Grid - The flex Property

1 month ago

00:11:30

HTML, CSS - 053 - Layouts - Floats, Flexbox, and CSS Grid - The flex Property

1 41%

HTML, CSS - 052 - Layouts - Floats, Flexbox, and CSS Grid - Spacing and Aligning Flex Items

1 month ago

00:10:47

HTML, CSS - 052 - Layouts - Floats, Flexbox, and CSS Grid - Spacing and Aligning Flex Items

1 35%

HTML, CSS - 051 - Layouts - Floats, Flexbox, and CSS Grid - A Flexbox Overview

1 month ago

00:07:31

HTML, CSS - 051 - Layouts - Floats, Flexbox, and CSS Grid - A Flexbox Overview

1 14%

HTML, CSS - 050 - Layouts - Floats, Flexbox, and CSS Grid - Introduction to Flexbox

1 month ago

00:09:39

HTML, CSS - 050 - Layouts - Floats, Flexbox, and CSS Grid - Introduction to Flexbox

1 27%

0 Comments

Guest