Flexbox CSS3 #6 — Flexbox на практике

32878
87
1956
15.04.2015
loftblog

loftblog

34707862
380000
1651
20.03.2013
RU
Описание видео:

Пройди БЕСПЛАТНО профориентацию в IT - 🤍bit.ly/2NLILne Это последнее видео, радуйтесь – больше я вас терроризировать лайками не буду :) Сегодня попробуем немножко применять flexbox на практике, на примере создания простого сайта. В описании к видео я также скинул вам ссылку на текстовый файл с актуальными префиксами для свойств flex. Автор видеокурса – Сергей Михалевич 🤍🤍youtube.com/c/Master-CSS Ссылка на файл flexbox.txt 🤍drive.google.com/file/d/0B3Wn3VTdX6IcZFRPSDlhS0dBeDg/view?usp=sharing Плейлист Flexbox CSS: 🤍🤍youtube.com/playlist?list=PLY4rE9dstrJzj68Y8SlQlhIdb5hbGQLIU Смотрите курс "Bootstrap" : 🤍🤍youtube.com/playlist?list=PLY4rE9dstrJwP_JUTts9AtMVtJlJVGxWK Школа онлайн-образования: 🤍loftschool.com/ Telegram: 🤍telegram.me/loftblog Slack: 🤍slack.loftblog.ru/ Сайт: 🤍loftblog.ru/ Instagram: 🤍🤍instagram.com/loftblog/ Группа вконтакте: 🤍vk.com/loftblog Facebook: 🤍🤍facebook.com/loftblog Twitter: 🤍twitter.com/loft_blog Больше уроков от lofblog: #loftblog Все уроки по хештегу: #loftblogFlexbox Полезные уроки для веб-программиста: #вебпрограммист #Flexbox Поставь лайк - смотивируй автора писать еще :)

Кадры из видео
Flexbox CSS3 #6 — Flexbox на практике
Flexbox CSS3 #6 — Flexbox на практике
Flexbox CSS3 #6 — Flexbox на практике
Flexbox CSS3 #6 — Flexbox на практике
Тэги из видео
Комментарии пользователей:
Детишки
2020-01-03 16:02:41

Спасибо за уроки. Все очень понятно и просто супер. По больше бы таких уроков

Aleks Перфильев
2019-11-22 10:14:39

Я добил лайки до 1.9) Прощай.

флейм !1!!
2019-10-13 16:26:52

Замечательные КОТИКИ!)

Alexander Maltsev
2019-05-18 19:57:44

очень крутой курс!

cyborg hunter
2019-02-24 20:06:09

чет у меня не прокатывает с emmet как на видео ,я сам использую vscode ,вроде включен плагин ,вроде нажимаю на tab. Кто нибудь подскажет в чем дело

cyborg hunter
2019-02-24 20:02:30

ренг7ш

Tony Belarusian
2019-02-14 22:58:32

ага) таб не жмется в нотпаде)

Fantom
2019-02-05 21:22:14

Спасибо за отличный курс уроков!

Noi Zoi
2018-06-10 01:22:27

мерси

Бэла К
2018-05-04 05:56:00

спасибо Вам большое!

Andrey Shpitko
2018-02-08 06:47:05

Спасибо большое. А про CSS Grid у вас нет уроков?

Владимир К
2018-01-29 11:38:09

Сергей, спасибо. Отличный курс. Подскажите как поместить кнопку "Читать..." внизу блока независимо от количества текста?

Дмитрий Тютяев
2018-01-18 12:34:08

красавчик!

Rain
2017-11-15 16:30:45

Хорошие уроки! Однако трудно что-то понять, когда человек говорит быстро и периодически зацикливается в одном месте. Посмотрел все 6 уроков. Остался доволен, буду пересматривать, чтобы лучше увсвоить. Спасибо!

"P.S."
В последнем было обещано, что будет сайт на чистом flexbox, однако была замечена только разметка контента с участием flexbox.
На счёт браузеров - Opera, Chrome, Safari хоть и используют один префикс, но движки у них разные. Собственно именно поэтому в 30% случаев происходят глюки. Например, браузер Mozilla Firefox - идеально подходит для веб-разработки, по словам разработчиков, однако в действительности всё наоборот. При вёрстке сайта, было замечено, что Mozilla - единственный из всех браузеров, изменяет внешний вид, увеличивая размер блоков и заменяя шрифты на базовые.
В старых версиях этого браузера, таких проблем не было.

Фантич Віталій
2017-10-31 13:16:26

Молодец СЕРЕГА!!!

Vitaly Orlov
2017-09-09 10:06:09

Всё очень класно НО теперь не могу понять как позиционировать контент внутри блоков .bl !!!

Vitaly Orlov
2017-09-08 18:50:13

Спасибо за уроки! Просто космос открыл...

Алексей Компания Квадрат
2017-08-22 05:22:18

Спасибо, Вам, за Ваши уроки!!!!

Дмитрий Назаров
2017-08-13 05:04:51

Почему то не получается как на видео 3,17. Код проверял несколько раз, всё также, но почему то блоки с котятами встают по одному. Когда img дописал width:100%; встали так как получилось у тебя в варианте, когда из-за ошибки не появились картинки, с отступами. У меня картинки есть, но вокруг блоков отступы.

Что ищут прямо сейчас
lip serum ryze vs sylas nadina ioana skincare yaxell nalepszysen camera as webcam usb Epic Seven Muwi black russia hud nba 2k mobile redeem codes польско украинская границы JALOLOV Jasmin Fauve Review rail bridge pool mixalab Dr asri mod bus nucleus non ac siberian wellness автопроект Good Efficiency SUPER GALAXY ELISE saileach
Похожие видео
13.04.2015
Flexbox CSS3 #5 — управление выводом

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

18.09.2016
Flexbox CSS.  Flex Wrap

Flexbox CSS. Flex Wrap

22.08.2022
Python/Django: разработка приложения

Python/Django: разработка приложения

06.10.2022
15 минут и ты узнаешь что выкинуть из бэклога

15 минут и ты узнаешь что выкинуть из бэклога

10.07.2017
Реальная верстка на Flexbox из макета PSD

Реальная верстка на Flexbox из макета PSD

05.06.2017
Все о flexbox в одном уроке. Основы flexbox.

Все о flexbox в одном уроке. Основы flexbox.

03.10.2022
ТОП 5 алго задач которые мне задали на интервью в FAANG

ТОП 5 алго задач которые мне задали на интервью в FAANG

12.12.2017
Flexbox CSS #1 - практика выравнивания элементов

Flexbox CSS #1 - практика выравнивания элементов

19.07.2022
CRDT / Структуры данных

CRDT / Структуры данных

11.05.2022
Python с нуля. Автоматизируем сборку Docker контейнера для Django с помощью CI в github

Python с нуля. Автоматизируем сборку Docker контейнера для Django с помощью CI в github

09.07.2017
Слайдер на flexBOX

Слайдер на flexBOX

02.06.2018
CSS фича #3 ➤ 3D карточки портфолио на сайт | Transform 3D card portfolio

CSS фича #3 ➤ 3D карточки портфолио на сайт | Transform 3D card portfolio

16.05.2017
Bitbucket, PSD для вёрстки, flexbox и халява для дизайнеров

Bitbucket, PSD для вёрстки, flexbox и халява для дизайнеров

10.05.2017
Flexbox CSS3 в одном видео за 20 минут!

Flexbox CSS3 в одном видео за 20 минут!

08.07.2017
Что делать с дочками во FLEXBOX?!

Что делать с дочками во FLEXBOX?!

12.11.2021
Парсинг данных с любого сайта на C#. Часть 4 - Selenium

Парсинг данных с любого сайта на C#. Часть 4 - Selenium