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

748 ratings | 20151 views


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

Мы рассмотрим все особенности новой технологии CSS3 под названием Flexbox. Это некоторый обзор возможностей flexbox в одном уроке. Все что вам нужно знать о Flexbox в 2017 году вы найдете в этом видео. ======================================================== ПОДПИШИСЬ на канал Web Developer Blog - И не пропускай новые видео!!! ======================================================== ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - Основы JavaScript - Уроки Bootstrap 4 - Уроки Framework для верстки Foundation 6 - Рубрика Основы за 10 минут - Верстка сайта на Foundation 6 - Основы препроцессора SASS - Уроки по Sublime text 3 - Видео про заработок на YouTube - Создаем интернет магазин на PrestaShop - Уроки jQuery - ======================================================== ПОДПИШИСЬ на Группу Вконтакте Web Developer Blog - ========================================================

Comments to the video: Все о flexbox в одном уроке. Основы flexbox.

Dec XIII 3 months ago
Привет. Почему не работает ни одно смысл в свойстве align-items ?
Agssitamin 3 months ago
Описываете все варианты, не гласите: попробуете это сами Не вечно понятно будто верно написать. Приходится устанавливать на паузу и находить в вебе. Или воткните снимок экрана с картинкой примера кода с картинкой результата. Спасибо!
двор ник 3 months ago
сделаю видео адаптивным меню
Web Developer Blog 3 months ago
видео адаптивным меню?
Саня 4 months ago
сбросьте заглавие дополнения к st3 для снипетов flexbox
Владимир Путник 5 months ago
norm, raste'sh))
Harutyun Ghandilyan 7 months ago
а я исползую display-table
Оро 7 months ago
Спасибо за видео. Свойство align-items не работает у меня в современном браузер Chrome, точка с запятой кушать, все в британской раскладке, отчего? Не подскажите отчего не работает?
Оро 8 months ago
Вопрос. Все ли характеристики Flexbox будут поддерживаться, если шифровка для веб-сайта выбрана 1251?
Вова 77777 10 months ago
Спасибо
Валентина Запорожец 11 months ago
Мне понравилось. Коротко и понятно. Заитересовало, можно далее учить.
Techno_ h8ter 11 months ago
Вот шпоры по флексу в картинах, новеньким понадобится, чтоб повсевременно в google не карабкаться
Тилек Ашимакунов 1 year ago
можно ли кооперировать бутстрап с флексбоксами, если конечно, то каак?
Web Developer Blog 1 year ago
В четвертом бутстрапе уже употребляются флексбоксы!
Maria Martseniuk 1 year ago
Класс! Лучшее разъяснение, что я лицезрела!:)
Web Developer Blog 1 year ago
Порадовали, благодарю!
rvolik 1 year ago
благодарю за конструктивную и четкую подачу инфы!!!!!!!
Web Developer Blog 1 year ago
Такой комментарий весьма веселит
Валера Дмитриев 1 year ago
Очень всерьез подошел к разбору данной темы, дудки воды либо неувязок, все на высочайшем уровне! благодарю
Web Developer Blog 1 year ago
Да, благодарю!
unk unk 1 year ago
ага, прям все-все за 5 минут. хрень полная!
unk unk 1 year ago
ВСЁ о флбокс в ОДНОМ уроке за 5 минут??? Что вы поведали, проявили в этом уроке? Какие все способности? Для основы нужно хотя-бы теорию за 10-30 минут поведать, а позже уже конкртно о определенном.
Web Developer Blog 1 year ago
Почему хрень?
Skip Tyler 1 year ago
У меня не указывает варианты для флекса, гридов и т.д. В брейкетс демонстрировало. В саблайме дудки. Еммет стоит. Какой еще нужен плагин?
Web Developer Blog 1 year ago
Autocomplete, будто то этак
Максим Хализов 1 year ago
Как ты отлично показал разницу меж display: flex и inline-flex! (Сарказм) поглядел все твои уроки по Флекс боксу, и скажу что ни черта не понятно, умные определения строчишь будто пулемёт, и пишешь их этак же. Хрен с этой скоростью, однако ты же даже не показываешь что изменяется от каждой строки строки Флекс бокса. Нереально осознать что происходит когда добавляются новые характеристики. Написал побыстрому код и вот смотрите что вышло! Молодец садись 5. Задатки неплохого учителя у тебя совершенно точно кушать, для тебя не хватает интерактивности, на каждом свойстве необходимо на языке ПАЛЬЦЕВ объяснять что и для чего и для что меняется от этого. Мне тяжело осознать по продольной оси и бла бла покамест сидишь и пытаешься осознать где эта ось и другие умные приставки. Неужели невозможно было мышкой показать, ось расположена от сюда и до сюда и таким-то свойством мы растягиваем от туда и до сюда. Конкретно к этому видео претензий особо дудки, за исключением того что половины параметров не показал, а под крышка будто- как будто вообщем утомился уже обучать. Но вот последующие видео, человек попросту пишет и код и озвучивает названип параметров которые он написал, а на выходе получаются чёрные квадраты которые не понятно будто образовались.
R-Art Channel 4 months ago
Здравствуйте, если вы ещё живые, поделитесь, изволь, лягушкой.
Максим Хализов 1 year ago
Web Developer Blog извини что этак грубо написал, попросту бомбануло. Весь денек переписывал код с твоих видео. Ставил на паузу, писал код, опять на паузу и опять переписывал. Потратил полный денек, а в конце попросту сообразил, что я ничего не сообразил из того что переписал. Код то работает, однако осознание того что я переписал не появилось. Пробовал устранять то либо другое свойство, чтоб осознать на что оно оказывает влияние, однако в готовом коде это попросту убивало всю вёрстку и становилось не понятно что изменялось непосредственно. Хотелось бы чтоб потом каждой строки ты демонстрировал что поменялось и на что это воздействовало. Так же заумные определения переводить на обычный стиль жестов , чтоб было осознание что этот термин значит. Хорошо что я в комментах нашёл ссылку на игру с лягушкой, она то меня основам и обучила, позже пересмотрел твои видео по практике и тогда даже без переписывания кода всё стало понятным. Добавь ссылку на лягушку в 1-ое видео, пускай люд перед просмотром поиграют.
Web Developer Blog 1 year ago
Добрый денек, благодарю за комментарий! Обязательно все учту. Я этак сообразил вы имели ввиду практику. Я надеюсь на то что человек глядит и пишет код параллельно со мной, этак намного проще разобраться и сходу видишь итог. Моя роль в том что бы показать будто нужно мастерить и куда подвигаться и поведать о свойствах, которые вам необходимо применить.
Ilya Tishenko 1 year ago
Топчик!
Web Developer Blog 1 year ago
Это истина!
Tier X 1 year ago
Не знаю я по моему уже это писал где-то однако напишу еще один. На счет разбора багов в IE итд я бы рекомендовал запилить детальный задание об этом (мби последним видосом в курсе). это былобы +1000 к профиту (кушать баги достаточно суровые и не лишь в IE).
Web Developer Blog 1 year ago
Да конечно, естественно. Будет конкретно отдельный выпуск по поводу кроссбраузерной верстки)
Alexandr Toropov 1 year ago
а классу.item неужели не необходимо задавать никаких собственный, что бы осознать, что это блок в flex контейнере?
Web Developer Blog 1 year ago
Ну можно задать характеристики для позиционирования. Если на родительский блок повешен display:flex то браузер итак осознает что блок отпрыск снутри него итак во flex контейнере)
Paco Official 1 year ago
для закрепления познаний советую ru сам вчера играл
unk unk 1 year ago
лицезрел, однако не прахтиковался.
Алина Бардачёва 1 year ago
Спасибо! Взрыв мозга)
Web Developer Blog 1 year ago
Да, хорошая забава, тоже когда то проходил)
Paco Official 1 year ago
флексы топ, нах флоаты, нах старенькые браузеры!
Web Developer Blog 1 year ago
Хорошо сказано
Shmow Zow 1 year ago
Есть ссылка на документацию?
Web Developer Blog 1 year ago
TsA1ex 1 year ago
ВСЁ что необходимо знать? Так это ж базы! Это кушать в любом видео и статье. Но нередко ли необходимо верстать однообразные блоки с фиксироваными шириной и высотой? Практически вовек. Самое главное не поведали про flex-grow и поведение margin auto совместно с флексами! Говорите флексы употребляются для работы с блоками с динамическими размерами , однако при этом задали ширину и высоту фактически всему :) Да с такими начальными данными хоть какой школьник и без флексов блоки расставит
TsA1ex 11 months ago
Алексей Пугачёв этак если бы они были. Посмотрите на канале немало серий, однако в каждой весьма не достаточно видео.
Алексей Пугачёв 11 months ago
этак если бы ты поглядел до конца то услышал бы что он гласит, перебегайте к последующим практическим урокам.
Максим Хализов 1 year ago
TsA1ex дудки, там все будто один на ширине и высоте))))))))) это видимо новоиспеченный width&height box из CSS4 beta))))))
web developer 1 year ago
TsA1ex ну-ка люд понимают что это образно, вы тоже должны были это осознать
TsA1ex 1 year ago
Web Developer Blog что за наезды? С разумом у нас всё в порядке. Откуда же мне знать, что это серия уроков, если видео именуется ВСЕ о флексбокс в ОДНОМ уроке. Тут и половины итого дудки. Я надеюсь в практике не будет параметров width и height, лишь flex-basic, flex-grow и margin. auto. Все конкретно этак, будто и происходит в действительности, на реальных макетах
SHvELO 1 year ago
Класс!
SHvELO 1 year ago
Так Продолжай. Удачи Тебе.
Web Developer Blog 1 year ago
Да, думаю в наиблежайшее пора выпустить еще пару роликов практики js, а позже уже трудиться над практикой PHP
SHvELO 1 year ago
Я подписан я не 1-ый один смотрю твои видосы шас изучаю js твои видео помогают.выложи ешё примеры практики про js
Web Developer Blog 1 year ago
Спасибо! Подписывайтесь!