Flexbox CSS3 #5 — управление выводом

1552 ratings | 21078 views


Flexbox CSS3 #5 — управление выводом

Пройди БЕСПЛАТНО профориентацию в IT - В пятом видео мы научимся управлять местоположением и выводом flex-элементов. Это занятие очень легкое и очень интересное! Представьте, вы можете менять вывод блоков сайта как вашей душе угодно только в CSS, без правки HTML, PHP или какого-либо другого кода. Автор видеокурса – Сергей Михалевич Плейлист Flexbox CSS: Смотрите курс Bootstrap : Школа онлайн-образования: Telegram: Slack: Сайт: Instagram: Группа вконтакте: Facebook: Twitter: Больше уроков от lofblog: loftblog Все уроки по хештегу: loftblogFlexbox Полезные уроки для веб-программиста: вебпрограммист Flexbox Поставь лайк - смотивируй автора писать еще :)

Comments to the video: Flexbox CSS3 #5 — управление выводом

Arm Channel 3 months ago
будто он пишет сходу на пару строках ? :))))
Play Boy 4 months ago
Ска ровно 10:00 мин, отвечаю это он порно выкладывает
Бэла Капцова 4 months ago
Это счастье!!!
Vitaliy Fantich 10 months ago
Я все! Это было офигенно!!!
Yuriy Ivzhenko 1 year ago
Скажите изволь, вот, к примеру у вас в контейнере ШАПКА было бы лишь одно слово шапка , можно будто то его выровнять по центру (что бы текст был конкретно в центре, а не попросту сверху), без padding'ов? То кушать, будто править контейнерами снутри контейнеров? Спасибо)
Азамат Казулаев 1 year ago
Бах, украл, украл пункт))) Улыбнуло)) Хороший препод, хорошая и весьма подходящая тема))
Максим Нырков 1 year ago
Спасибо за видео! Флексы классные, однако кушать одно НО!!! Тут гласите, что можно запамятовать про @media. однако будто мне поменять местами блоки в определённом разрешении либо хотя бы попросту в мобильной / планшетной версии? Или даже скрыть какой-то блок.
Max Raven 1 year ago
Можно запамятовать про медиа, если нужна попросту адаптация по ширине, а понятно, что если кушать специальные задачки, то придётся воспользоваться запросами.
Максим Нырков 1 year ago
не совершенно понимаю, что вы тут проявили. В вашем примере много@mediaи float.
Micro1001 Dobb 1 year ago
эти уроки - попросту находка!
loftblog 1 year ago
Спасибо
Victor Skurchik 1 year ago
grow это рост.алчность - greed
vitaliy k 2 years ago
Вообще супер, огромное благодарю!!!
loftblog 2 years ago
Пожалуйста)
Алексей Соболь 2 years ago
Гениально! Огромное благодарю.
panteleyalex 2 years ago
Спасибо!!!
Andrii Yavorsky 2 years ago
Чудово! awesome! пять!))
Arthur Surname 2 years ago
подскажите отчего когда ставлю flex-basis у 2-ух частей по 50% они не делят место на 2-ух а становятся одинешенек под одним забирая 100% ?
Fred Yord 2 years ago
немало различных вариантов)) необходимо на практике все пробовать - хватать и мастерить фактически))
Сергей Успенский 2 years ago
а можно ли в этой ситуации стать свойством min-width? сам еще не пробовал, идея попросту такая пришла
Fred Yord 2 years ago
+Arthur Surname Я поправил этот косяк с помощью media. Но я, чесно говоря, не знаю многого еще и хз будто вообщем эти flexbox'и работают, еще лишь учу! Слышал от 1-го Front-end'ера что в продакшине их не испозьзуют еще! Добавить последним в тег <style></style> код: @media only screen and (max-width : 768px) .fl1 flex-basis: 100%; /* Подвал 1 (к примеру) */ Но это малость некорректно! Или верно, я незнаю)
Fred Yord 2 years ago
+Arthur Surname Есть еще 1 косяк - при уменьшении размера окна (пускай будет к примеру Подвал 1 и Подвал 2) элементы при использовании базиса 50% не перебегают на новейшую строчку что плохо оказывает влияние на адаптивную верстку
Fred Yord 2 years ago
+Arthur Surname в класс.main ничего не добавляем добавляем в класс.bl margin: 0; border: none; padding: 0; контент каждого элемента делаем в теге <p></p> что бы отступы можно было воплотить будто-нибудь (может воплотить еще одинешенек блок <div></div> к которому уже присваивать margin/padding и что угодно главное что бы не оказывало влияние на шырину блока класса bl) К примеру.bl p margin: 10px; Контент (ко всем аналогично): <div class= bl fl1 ><p><b>Подвал 1</b><br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse magni explicabo est possimus, accusamus aspernatur, quisquam quo maxime. Adipisci, tenetur.</p></div>
GalSpan 2 years ago
афтор крут)
Клон Царя 3 years ago
О даааа! Прощай js шаманство, привет order )))
Владимир Путин 3 years ago
благодарю для тебя Большущие ! Что б ты жил длительно и счастливо !
Alexander Virko 3 years ago
Спасибо! :)
gribcovcomedy 3 years ago
Отличные уроки, все разжевано и в уста положено))) Единственная неувязка с флексом, в его поддержке ie10 < её нету, а жалко хорошая штука. Можно отрешиться от флоатов в позиционировании частей и мастерить хорошие адаптивные веб-сайты. Жаль заказчики этого не понимают, им необходимо чтоб все бабушки мира которые пользуютcя ie8 смогли бы приобрести телефоны в их веб магазинах. П.С. вопль души))
Pavel Petrenko 3 years ago
Я поставил 150 лайк, что далее?
Alex Maxim 16 days ago
Тепеь подписку
Master-CSS 3 years ago
+Pavel Petrenko быстро выложим последнее видео
Denis Stoyanov 3 years ago
Без всяких лайков и воды, вот весьма круто, естественно лишь тому, кто осознает британский. Но зато кушать интерактивный образец 
Иванов Иван 2 years ago
+Denis Stoyanov параша какаято
Master-CSS 3 years ago
+Denis Stoyanov благодарю
Sly Death 3 years ago
loftblog лайков не требуют, читаем описание. Это Серёга с канала Master-css, у него этак заведено, причём не так давно. А фигали он фактически безвозмездно вспахивать что ли обязан? :) Что за люд, всё бы им нахаляву.
MaGu x 1 year ago
Кстати если у тебя кушать этот плейлист - дай ссылку. Лично зайду и пролайкаю)
MaGu x 1 year ago
Сергей, на тебя подписан ранее, однако сами уроки по этой теме будто то на очи не попались.
Master-CSS 3 years ago
+Роман Беляев благодарю Роман за поддержку :)
Александр Гонтарев 3 years ago
пять! лайк!
Pavel Yakovlev 3 years ago
попрошайничество лайков, куда катится канал?
Patriot Persia 3 years ago
Это наверное один-единственный канал (по интернет-программирование) в которым практически любой денек выходят видео 150 лайков извини однако это уже устройство это сколько необходимо ожидать когда наберется 150 лакйов  3-5 дней