Последовательность (order) элементов в Flexbox

9903
49
540
24.07.2019
Описание видео:

Сегодня мы рассмотрим свойство order из модуля flexbox. После просмотра этого видео вы будете знать, как работает свойство order, какие значения оно может принимать. Верстка сайта раньше делалась на float и были определенные сложности, когда требовалось визуально изменить последовательность некоторых блоков, а с order это делается очень легко и просто. = Telegram Канал - 🤍t.me/prostorazrabotka Чат - 🤍t.me/prostorazrabotkachat = Подписывайтесь в соц. сетях: Facebook - 🤍🤍facebook.com/vitaliy.kirenkov VKontakte - 🤍vk.com/vitaliy.kirenkov LinkedIn - 🤍🤍linkedin.com/in/kirenkov Twitter - 🤍twitter.com/VitaliyKirenkov Instagram - 🤍🤍instagram.com/vitaliy.kirenkov = Мой второй канал: 🤍🤍youtube.com/channel/UC-QLh1F3Rzp6HY-FW1E3Eaw = Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React + Redux + Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только. Больше информации обо мне: 🤍kirenkov.me/

Кадры из видео
Последовательность (order) элементов в Flexbox
Последовательность (order) элементов в Flexbox
Последовательность (order) элементов в Flexbox
Последовательность (order) элементов в Flexbox
Тэги из видео
Комментарии пользователей:
Denny Fedyna
2022-05-19 20:59:56

выходит этот order не требует display: flex;

Запас Знаний
2021-02-23 20:13:33

Однозначно полезное видео

Tim Zeynalov
2021-01-09 16:43:53

я хочу JS ))

Fife
2020-06-13 13:23:28

Спасибо, видео класс, я очень рад что узнал о этом канале, максимум необходимой информации)
В рекомендах куча ваших видео)

Игорь Горбунов
2020-06-13 05:04:24

Благодарю Вас за видео.

Victoria Iero
2020-06-07 18:41:17

что за магия, Виталий??? вы - феномен!

Petr Koval
2020-05-31 13:44:30

Офигенно

Alexander
2020-05-12 23:05:50

╔╗╔╗╔╗╦╗
║╦║║║║║║
╚╝╚╝╚╝╩╝

Gy ros
2019-12-07 16:51:00

Очень эффективные видео! Спасибо!

Ildar Fatakhov
2019-11-28 11:08:32

Как свойство order вставить в html?

mortalshot
2019-11-27 12:27:52

В данном примере я бы все-таки использовал flex-direction: column-reverse.
Но огромное спасибо, что рассказали про данное свойство, очень интересно и полезно.
С меня лайк)

Andrew DAA
2019-11-22 20:02:21

спасибо за опыт!!!

Александр Колтович
2019-08-26 21:02:16

Виталий, большое спасибо за твои видеоролики!
Подскажи, пожалуйста, какая диагональ у твоего MacBook Pro? 13 или 15 дюймов?

Hellwoodpecker
2019-08-20 10:31:50

какой дибилоид ставит диз ? разжовано все от а до я............

Hideci Chan
2019-07-25 06:43:09

Плз, объясни лучше про JavaScript с нужными примерами из реальных сайтов. А про флексы легко понимаешь из игры, которую ты посоветовал, flexboxfroggy

waq waq
2019-07-24 20:21:09

Виталий, спасибо за контент!

Inc Price
2019-07-24 18:52:10

Не останавливайся!

Кирилл Тимофеев
2019-07-24 17:29:55

спасибо за ваши старания. Уроки огонь, кодим дальше))

TheTexPro Sem
2019-07-24 16:31:26

Спасибо! очень классно! жду следующего ролика!

Что ищут прямо сейчас
забив против nerzul pubg mobile разбор текста на испанском hades meilleur build hello mini 2 webseries ghadighali что такое партнёрство серверов discord pompey cosplay demon slayer a sidhu moose wala nano drag обзор coding and programming in c language Xbox Series apple cider vinegar culinary kia carems vs hyundai alcazar sapna pabbi Enable USB Debugging Mode i norge Xiaomi rewiew Gris alien praggnanandhaa vs anand
Похожие видео
29.03.2019
ВСЁ, что нужно знать о CSS Селекторах. Типы селекторы css

ВСЁ, что нужно знать о CSS Селекторах. Типы селекторы css

25.07.2019
flex / flex basis, flex grow и flex-shrink из модуля флексбокс / flexbox уроки

flex / flex basis, flex grow и flex-shrink из модуля флексбокс / flexbox уроки

08.12.2016
Flexbox CSS In 20 Minutes

Flexbox CSS In 20 Minutes

29.07.2021
Как работает nth-child в CSS. Выборка элементов по позиции

Как работает nth-child в CSS. Выборка элементов по позиции

25.06.2020
Scroll to top

Scroll to top

13.09.2022
CSS Flexbox #6. Меняем порядок элементов внутри flex контейнера, используя свойство order

CSS Flexbox #6. Меняем порядок элементов внутри flex контейнера, используя свойство order

23.10.2019
Как работает bootstrap 4 сетка. Основы по grid. Практика

Как работает bootstrap 4 сетка. Основы по grid. Практика

26.07.2019
align-content flexbox css / Выравнивание элементов в флексбокс / css flexbox уроки

align-content flexbox css / Выравнивание элементов в флексбокс / css flexbox уроки

12.04.2020
селекторы css

селекторы css

05.03.2019
Практическое изучение основ Flexbox. Использование flexbox. flexbox верстка макета

Практическое изучение основ Flexbox. Использование flexbox. flexbox верстка макета

06.07.2017
Что умеет FLEXBOX CSS?! Основы верстки на flex

Что умеет FLEXBOX CSS?! Основы верстки на flex

10.04.2020
ГЛАВНЫЕ свойства в CSS Grid

ГЛАВНЫЕ свойства в CSS Grid

15.04.2019
Стилизация Checkbox и Radio Button. Как изменить checkbox css. Стилизация radio css

Стилизация Checkbox и Radio Button. Как изменить checkbox css. Стилизация radio css

17.06.2018
CSS box-shadow

CSS box-shadow

26.08.2019
CSS Display свойство. Разбираем типы отображения block, inline-block, flex. #изивеб

CSS Display свойство. Разбираем типы отображения block, inline-block, flex. #изивеб

17.03.2021
CSS Flexbox #9 Определение порядка элементов (Order)

CSS Flexbox #9 Определение порядка элементов (Order)