- 6
- 3 494
Вайтишная
Приєднався 15 жов 2014
Говорю честно про IT
CSS Flexbox – полный гайд с примерами из практики
Получи скидку 12% на курс Веб-разработчик в SkyPro по промокоду ВАЙТИШНАЯ: go.redav.online/e1b80fda42d3def0?erid=LdtCKGzko&m=1
(назовите промокод ВАЙТИШНАЯ менеджеру при оформлении заказа)
Подписывайся на мой телеграм-канал Вайтишная: t.me/vaitishnaya
В этом видео расскажу все что нужно знать про Flexbox CSS. И поделюсь полезными лайфхаками, которыми сам постоянно пользуюсь на работе
Примеры из видео:
Основной пример: codepen.io/vital-pavlenko/pen/qBGEoov
Центрирование элемента: codepen.io/vital-pavlenko/pen/PovNOKd
Адаптивная сетка: codepen.io/vital-pavlenko/pen/qBGZVVj
Растягивание элемента: codepen.io/vital-pavlenko/pen/abrNVEp
Ссылка на github с примерами: github.com/pavlenkovit/html-and-css/tree/main/flexbox
Мои контакты:
Telegram: t.me/vital_pavlenko
Instagram*: vital_pavlenko
00:00 Введение
00:30 display flex
01:08 flex-direction
02:06 flex-wrap
02:52 justify-content
03:57 align-items
06:03 gap
07:09 order
08:43 align-self
10:00 flex-grow
12:56 flex-basis
14:39 flex-shrink
17:30 flex
20:12 Интересное предложение
21:03 Лайфхаки
21:17 Центрирование элемента
22:02 Адаптивная сетка
23:55 Растягивание элемента
26:16 Завершение
* Социальная сеть Instagram принадлежит Meta Platforms Inc., признанной нежелательной организацией и запрещенной на территории РФ
(назовите промокод ВАЙТИШНАЯ менеджеру при оформлении заказа)
Подписывайся на мой телеграм-канал Вайтишная: t.me/vaitishnaya
В этом видео расскажу все что нужно знать про Flexbox CSS. И поделюсь полезными лайфхаками, которыми сам постоянно пользуюсь на работе
Примеры из видео:
Основной пример: codepen.io/vital-pavlenko/pen/qBGEoov
Центрирование элемента: codepen.io/vital-pavlenko/pen/PovNOKd
Адаптивная сетка: codepen.io/vital-pavlenko/pen/qBGZVVj
Растягивание элемента: codepen.io/vital-pavlenko/pen/abrNVEp
Ссылка на github с примерами: github.com/pavlenkovit/html-and-css/tree/main/flexbox
Мои контакты:
Telegram: t.me/vital_pavlenko
Instagram*: vital_pavlenko
00:00 Введение
00:30 display flex
01:08 flex-direction
02:06 flex-wrap
02:52 justify-content
03:57 align-items
06:03 gap
07:09 order
08:43 align-self
10:00 flex-grow
12:56 flex-basis
14:39 flex-shrink
17:30 flex
20:12 Интересное предложение
21:03 Лайфхаки
21:17 Центрирование элемента
22:02 Адаптивная сетка
23:55 Растягивание элемента
26:16 Завершение
* Социальная сеть Instagram принадлежит Meta Platforms Inc., признанной нежелательной организацией и запрещенной на территории РФ
Переглядів: 1 927
Відео
Засиделся в мидлах: как стать senior-разработчиком? (6 советов)
Переглядів 3016 місяців тому
Получи скидку 12% на курс Веб-разработчик в SkyPro по промокоду ВАЙТИШНАЯ: go.redav.online/e1b80fda42d3def0?erid=LdtCKGzko&m=1 (назовите промокод ВАЙТИШНАЯ менеджеру при оформлении заказа) Подписывайся на мой телеграм-канал Вайтишная: t.me/vaitishnaya Бывает так, что вы уже работаете в IT, но не знаете как расти дальше и получать больше. После просмотра видео вы узнаете как перепрыгнуть планку ...
Частая смена работы в IT - какие будут последствия
Переглядів 48810 місяців тому
Получи скидку 12% на курс Веб-разработчик в SkyPro по промокоду ВАЙТИШНАЯ: go.redav.online/e1b80fda42d3def0?erid=LdtCKGzko&m=1 (назовите промокод ВАЙТИШНАЯ менеджеру при оформлении заказа) Подписывайся на мой телеграм-канал Вайтишная: t.me/vaitishnaya Разберем плюсы и минусы частой смены работы в IT. Отдельно обсудим как работодатели относятся к коротким промежуткам работы в резюме при трудоуст...
Как правильно составить резюме программисту. Полный гайд
Переглядів 49010 місяців тому
Получи скидку 12% на курс Веб-разработчик в SkyPro по промокоду ВАЙТИШНАЯ: go.redav.online/e1b80fda42d3def0?erid=LdtCKGzko&m=1 (скажите промокод ВАЙТИШНАЯ менеджеру при оформлении заказа) Подписывайся на мой телеграм-канал Вайтишная: t.me/vaitishnaya Как подготовить классное резюме разработчику. Мы обсудим все детали: заголовок, опыт, образование. Нужно ли указывать желаемую зарплату? Какой объ...
Сууууупер!!! Занимаюсь продуктовой разработкой уже 2 года и только после вашего видео понял всю силу Fexbox! Спасибо!!
В тему то что надо 👍👍 классно без всяких там не нужных слов 🤐
надеюсь люди будут подписываться на канал... удачи вам и спасибо за видео
Очень полезный видео для таких как я новичков спасибо огромное
Самое лучшее объяснение, в отличии от других подобных роликов!!!! И слушать приятно, и все понятно и открыто объяснено!!! Жду еще! Подписался, лайкнул!
greate job bro ! It is a cool explanation!
Спасибо подписался жду ещё
отличный ролик! по гридам такое бы 😢
Спасибо! Сделаю 🙌
Спасибо за видео! 👍
Что мешает, меняя компании, дойти до потолка и уже там задержаться?
Лайк!
Полное видео уже на канале
Полное видео смотрите на канале
Уровень прям рофессиональный! Продолжайте в том же темпе. Хочу вам подкинуть ютифай - поможет подписчиков привлечь.
А что говорил новому работодателю на собеседовании, когда переходил из-за того что уперся в потолок? Я переходил по тем же причинам: зп и потолок в развитии. На собесе так и говорил прямо, кто-то реагировал нормально, кто-то нет. Некоторые коллеги 10-20 лет работают на одном месте и не выгорают. Всегда задаюсь вопросом: как?😂😮😂😂
Я обычно про деньги не говорю в причинах. Чаще про развитие и потолок, невозможность получить более сложные задачи - это все очень хорошо воспринимается будущим работодателем. Те, кто работает 10-20 лет скорее всего имеют иной майндсет и установки на жизнь. Они просто работают работу, получают деньги и занимаются своей жизнью вне работы. Не у всех есть карьерные амбиции и желание развиваться в своей сфере
Видос классный, но много склеек, без плавного перетекания кадров(фейдинга). по итогу, если смотреть на рассказывающего постоянно, то он все время дергается) мак бук в кадре в расфокусе только отвлекает)
Спасибо за обратную связь 👍
То, что нужно ❤спасибо
Все по полочкам 👌🏻