Тёмный

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

Просто: разработка
Подписаться 47 тыс.
Просмотров 10 тыс.
50% 1

Сегодня мы рассмотрим свойство order из модуля flexbox. После просмотра этого видео вы будете знать, как работает свойство order, какие значения оно может принимать. Верстка сайта раньше делалась на float и были определенные сложности, когда требовалось визуально изменить последовательность некоторых блоков, а с order это делается очень легко и просто.

Опубликовано:

 

23 июл 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 50   
@prosto_razrabotka
@prosto_razrabotka 3 года назад
Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/
@user-pn2ev2je2l
@user-pn2ev2je2l 4 года назад
Благодарю Вас за видео.
@user-ff3lc1et3u
@user-ff3lc1et3u 3 года назад
Однозначно полезное видео
@user-sl9xp8qi6d
@user-sl9xp8qi6d 4 месяца назад
вы так хорошо объясняте, спасибо большое , с меня подписка :)))))
@victoriaiero5164
@victoriaiero5164 4 года назад
что за магия, Виталий??? вы - феномен!
@user-nx1vc9sw9r
@user-nx1vc9sw9r 5 лет назад
Контент классный все классно но только прошу сделай видео уроки по JavaScript у тебя лучше всех получается объяснит сложные вещи так что ждем видео уроки по теме JavaScript удачи
@olegkravchenko9655
@olegkravchenko9655 5 лет назад
Я бы тоже был за JS, но, с другой стороны, по нему таки есть и другие не плохие каналы, а вот хороших каналов по базе (HTML-CSS) с подробными объяснениями не так уж и много. Так что тут любой контент пока идёт на ура :)
@denysgoloborodko3855
@denysgoloborodko3855 5 лет назад
@@olegkravchenko9655 да ну, как раз таки по html css инфы в интернете навалом
@olegkravchenko9655
@olegkravchenko9655 5 лет назад
@@denysgoloborodko3855 Правильной инфы от практика такого уровня? Или примитив - как создать самую первую страничку? Я вас умоляю! :) Впрочем, уже написал, от видео по JS я тоже не будут отказываться :)
@denysgoloborodko3855
@denysgoloborodko3855 5 лет назад
@@olegkravchenko9655 есть достаточно много качественной инфы по верстке, если хотите, обращайтесь в личку
@olegkravchenko9655
@olegkravchenko9655 5 лет назад
@@denysgoloborodko3855 Судя по Вашим подпискам, ходим одними тропами ;) Но именно по верстке там таки не самое лучшее, ИМХО.
@waqwaq5838
@waqwaq5838 5 лет назад
Виталий, спасибо за контент!
@TheTexPro
@TheTexPro 5 лет назад
Спасибо! очень классно! жду следующего ролика!
@gyros9162
@gyros9162 4 года назад
Очень эффективные видео! Спасибо!
@user-jg6cs2fy3o
@user-jg6cs2fy3o 5 лет назад
Благодарю, Виталий ! Познавательно и интересно)
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Спасибо -)
@andrewdaa3176
@andrewdaa3176 4 года назад
спасибо за опыт!!!
@kotlancer
@kotlancer 4 года назад
В данном примере я бы все-таки использовал flex-direction: column-reverse. Но огромное спасибо, что рассказали про данное свойство, очень интересно и полезно. С меня лайк)
@incprice9575
@incprice9575 5 лет назад
Не останавливайся!
@user-in2iq2hi6x
@user-in2iq2hi6x 5 лет назад
Полезное видео, спасибо!
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Благодарю
@user-jq4yj7gu8u
@user-jq4yj7gu8u 5 лет назад
спасибо за ваши старания. Уроки огонь, кодим дальше))
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Спасибо
@jses8560
@jses8560 5 лет назад
Спасибо за видео! За верстку не садился где-то месяц, и уже стал подзабывать некоторые свойства flex.
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Это как езда не велосипеде. Если когда-то научился использовать flexbox, потом вспомнить не сложно)
@jses8560
@jses8560 5 лет назад
@@prosto_razrabotka согласен, но нужно повторять время от времени.
@fife3366
@fife3366 4 года назад
Спасибо, видео класс, я очень рад что узнал о этом канале, максимум необходимой информации) В рекомендах куча ваших видео)
@prosto_razrabotka
@prosto_razrabotka 4 года назад
Прекрасно -)
@petrkoval5205
@petrkoval5205 4 года назад
Офигенно
@prosto_razrabotka
@prosto_razrabotka 4 года назад
Спасибо -)
@user-ii1zz7lq5x
@user-ii1zz7lq5x 5 лет назад
Всё круто ждём уроки по JS)
@user-xt9cm9my7x
@user-xt9cm9my7x 4 года назад
Виталий, большое спасибо за твои видеоролики! Подскажи, пожалуйста, какая диагональ у твоего MacBook Pro? 13 или 15 дюймов?
@prosto_razrabotka
@prosto_razrabotka 4 года назад
15
@LRXAORLOV
@LRXAORLOV 5 лет назад
Сам очень люблю верстать и теперь с большим удовольствием кидаю твои видео людям, у которых хромает вёрстка)спасибо) P.S. Какое у тебя железо на маке и какие у тебя основанные условия использования ?
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Мак 15', 2017 года, I7, стандартное издание -) Не понял вопроса с "условиями использования"
@hidecichan3629
@hidecichan3629 5 лет назад
Плз, объясни лучше про JavaScript с нужными примерами из реальных сайтов. А про флексы легко понимаешь из игры, которую ты посоветовал, flexboxfroggy
@lamer492
@lamer492 5 лет назад
Здравствуйте, Вы очень классный для фронта на русском Ютубе!) Смотрю Ваш канал для развития, не подскажите, есть какие-то каналы на подобии вашего только для бэков?) Вдруг у Вас какие знакомые есть)
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
Понятие бэк - довольно обширное. Надеюсь, что скоро знакомый начнёт рассказывать про JAVA. Других, именно знакомых, которые публикуют обучающий контент на Ютубе не припоминаю.
@prosto_razrabotka
@prosto_razrabotka 5 лет назад
А вы раньше использовали order при вёрстке адаптива?
@TheTexPro
@TheTexPro 5 лет назад
нет))
@user-dc7ot2lm1m
@user-dc7ot2lm1m 5 лет назад
Да, спасибо за видео, но как по мне, слишком очевидные вещи, те кто изучал flexbox явно это используют) Как вариация - можно было flex-wrap: wrap и по 100% дать колонкам и потому уже order, но твой вариант наверное лучше, т.к. короче)
@timzeynalov3537
@timzeynalov3537 3 года назад
я хочу JS ))
@dennyfedyna9707
@dennyfedyna9707 2 года назад
выходит этот order не требует display: flex;
@ildarfatakhov8254
@ildarfatakhov8254 4 года назад
Как свойство order вставить в html?
@prosto_razrabotka
@prosto_razrabotka 4 года назад
Так же, как любое другое свойство, не?
@ildarfatakhov8254
@ildarfatakhov8254 4 года назад
@@prosto_razrabotka Почему нужно сделать это сейчас? Первое преимущество Второе преимущество Третье преимущество Четвертое преимущество Пятое преимущество Шестое преимущество Нужно 4 преимущество сделать через ордер первым куда впихивать ордер?
Далее
СТРИМ ► Elden Ring - Shadow of the Erdtree #5
5:07:46
How To Customize Checkbox with React
1:05
Просмотров 2,9 тыс.
ГЛАВНЫЕ свойства в CSS Grid
9:19
Просмотров 5 тыс.