Посмотрел пару выпусков Шортов и остался с приятным послевкусием. Вроде бы, все факты известные, но где-то историческая справка интересная когда и с чего все началось, а где-то какие-то мелочи подмечаете. Понравилось! Очень бы хотелось, чтобы вы вернулись в эфир а занялись вторым сезоном шортов.
Спасибо большое. Приходиться сталкиваться с "верстальщиками-староверами", которые упорно верстают флоатами, и абсолютно уверены что это истина в последней инстанции. Буду ссылаться на это видео :)
Хихи - а в презентациях по гридам рассказываете, что флексы вообще-то не для сеток) Но видосы клевые)) Особенно шуточка про "смотри, парни сняли шорты" огонь!
Fein - ну не знаю как они сидят на старых IE, но я недавно накатил на старый ноут систему и решил посидеть на родном IE вроде 9 версия была, так больше чем на половине сайтов я встречал табличку, что браузер устарел и для доступа к сайту нкжно обновить браузер и я был вынужден скачать хром. Так что у меня большие сомнения, что кто-то реально пользуется IE в качестве основного браузера
@@nexgenua Ты не понял, для меня IE вообще древность и 10 и 11 версия имеют масса проблем, тот же флекс работает не так как во всех браузерах, есть свои тонкости, грид пока боюсь использовать, обругают так как грид только в последних версиях браузеров поддерживается нормально.
Флексы нужно юзать с умом, например у нас есть отчеты, которые потом рендерятся в PDF, там свой рендерер на базе QT, так вот там флексы не работают. Получился сюрприз, хотя и не сильно глобальный (мы их пробовали применять только в одном месте).
добрый день! про гриды очень хотелось был послушать. есть ли смысл делать всю страницу на гридах вместо флексов? интересна актуальность применения display: grid; спасибо!
Здравствуйте, Вадим! Недавно смотрел запись Вашего доклада "Мой ванильный CSS" и понячл, что Вы не являетесь поклонником SASS, хотя, наверняка у Вас большой опыт его использования :) Поэтому хочу спросить: в каких случаях такой инструмент как SASS-maps является очень удобным и есть ли какие-то особенности его использования? Я буду безумно благодарен, если этот мой вопрос будет затронут в одном из выпусков HTML-shorts. И спасибо за подкасты!
Вадим, может рассмотрите такой вопрос? Стоит ли ради семантики классов отказываться от css-фреймворков, потому, что в нем очень многие классы описывают лишь внешний вид элемента, совершенно не поясняя разработчику, чем по сути является элемент?
У нас с ребятами вопрос назрел, как раз для шортов. Как подружить нативный функционал лейбла на форме с симпатичным чекбоксом? Симпатичные чекбоксы обычно верстают через , а не вложенностью, чтобы использовать + селектор без джс-костылей, но ведь придумывать айди к каждому чекбоксу ужасно!
я просто не пойму в чем проблема со вложенностью? Делается по тому же принципу, только выбирается не первый правый сосед, а дочерний элемент. А дальше все так же, before и after
Только вот четвертый бутстрап уже почти готов, и в течении пары месяцев, скорей всего, будет уже в продакшене. А гриды за пару месяцев, да даже за год, не сделают аналогичную поддержку. Так что, пока флексы, а года через 1,5-2 и гриды подойдут.
Бутстрап достаточно компонентный, что бы просто взять оттуда только сетку на флексах и использовать её. И она сделана очень хорошо и работает как надо. Не обязательно ждать пока весь бутстрап выйдет
Спасибо за видео! А значит ли это что теперь можно писать собственные таблицы на флексах, не используя ? =] Или это очередное использование технологии не по назначению? :) П.С. Зелёная плашка в конце видео не выровнена по центру cl.ly/1R3Z0H301V3n ¯\_(ツ)_/¯
У , как и других семантических элементов, есть много полезных встроенных механизмов, включая доступность. Имитировать таблицы стоит только если у вас совсем нет выбора.
«Сайты не должны быть одинаковыми во всех браузерах, что бы там ни требовали заказчики». Но ведь платит заказчик, а не Вадим Макеев. Как доказать заказчику необязательность идентичности картинки в браузерах?
а врачу платит пациент. Но ни один врач, в здравом уме, не пришьет никому запасную почку "на всякий случай", просто потому что заканчик платит, а значит он главный.
Спасибо за шорты) Но ооочень странное впечатление, как будто все живое вырезали и оставили робота правильно говорить. В подкасте гораздо лучше без всякой этой постановочной мишуры.
Поддержка flexbox в мире 97.59%, а в России всего 84.13% (согласно caniuse.com/#search=flexbox). Так что остается использовать float в России. Пока что!
Dorian Zlatan а скажите мне как правильно произносить тег и свойство border и margin тогда. Транслитерируйте по-русски. Наверняка вы скажете аудио, бордер и марджин. Только они читаются как одио, бодэ и маджин. Что же делать? А я вам скажу: не говорить другим как говорить правильно :) Меня в школе на геометрии научили, что ABC - это а-бэ-цэ. А у некоторых в школе немецкий и для них тем более а-бэ-цэ. Есть наречия, есть вариации нормы, есть разные произношения.
Кирилл Воробьев в русском есть устоявшаяся традиция называть английскую «си» на немецкий манер цэ, а эйч как аш и так далее. Вас же в школе на геометрии учили, что у треугольника а-бэ-цэ, а не ай-би-си, правда? Поэтому продолжу, а вы будьте терпимее - это самое распространённое произношение, насколько я слышу.
Vadim Makeev традиции это одно, а правильное произношение это уже другое, я не знаю как у вас там в школе учили, но на немецкий манер, английский на русский не переводят. Вы же не говорите, я надеюсь, яваскрипт потому как есть только джаваскрипт и есть пайтон а не питон (но это ладно, опустим) А еще мне интересно как вы произносите SCSS ? тоже как сцеэсес ?. Насколько я слышу то то произносят сиєсєс и это правильно.
У переводчиков есть два подхода к переводу: транскрипция и транслитерация. При транскрипции стараются сохранить звучание иностранного языка, при транслитерации просто переводят по буквам. Оба подхода используются, оба подхода хороши. Так что понятия "правильно" здесь просто нет.
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.15 (3/4)](http://i.ytimg.com/vi/IVwR87OH0_A/mqdefault.jpg)
По промокоду «YouMeow» скидка 900 рублей на интенсив или программу профессии в Академии - tml.io/mbf87
HTML Academy, скажите честно, Шорты выпускаются не каждый день только потому, что вы ждёте, когда Вадим купит новую футболку? =)
Пока есть стратегический запас! Но скоро уже придётся что-то придумывать.
Когда начал использовать флексы, продуктивность выросла в несколько раз.
Посмотрел пару выпусков Шортов и остался с приятным послевкусием. Вроде бы, все факты известные, но где-то историческая справка интересная когда и с чего все началось, а где-то какие-то мелочи подмечаете. Понравилось! Очень бы хотелось, чтобы вы вернулись в эфир а занялись вторым сезоном шортов.
Вадим,спасибо Вам за очередной выпуск!Теперь конечно же интересно подробнее узнать о "Гридах")
Расскажем и о них
Курс по флексбоксам очень полезный и познавательный, спасибище! Прошла первую часть, сегодня пройду вторую.
Как всегда коротко и по делу! Так держать!
Спасибо большое. Приходиться сталкиваться с "верстальщиками-староверами", которые упорно верстают флоатами, и абсолютно уверены что это истина в последней инстанции. Буду ссылаться на это видео :)
Флексы классные, дайте две)))))
Отдельно спасибо за недельный фримиум о флексбах на курсах)
Хихи - а в презентациях по гридам рассказываете, что флексы вообще-то не для сеток) Но видосы клевые)) Особенно шуточка про "смотри, парни сняли шорты" огонь!
молоцец мужик! так хорошо и просто дает инфу.!b полезно и времени тратишь по минимому! спасибо!
Интересный формат видео. Спасибо.
Пишу из 2019 . Делаю каждый сайт на флексе + гриды. Они друг другу не мешают .
Тебя палкой не бьют за grid? В США и Европе может еще норм, но в России еще очень много кто сидит на древних IE и заказчики хотят угодить всем.
Fein - ну не знаю как они сидят на старых IE, но я недавно накатил на старый ноут систему и решил посидеть на родном IE вроде 9 версия была, так больше чем на половине сайтов я встречал табличку, что браузер устарел и для доступа к сайту нкжно обновить браузер и я был вынужден скачать хром. Так что у меня большие сомнения, что кто-то реально пользуется IE в качестве основного браузера
@@nexgenua 9 версию давно отменили, поддерживают еще ie11 и edge
@@fein7068 ты писал про древние IE, а теперь пишешь про IE 11 т.е. самая последняя версия, которая поддерживает как flex так и grid, в чем проблема?
@@nexgenua Ты не понял, для меня IE вообще древность и 10 и 11 версия имеют масса проблем, тот же флекс работает не так как во всех браузерах, есть свои тонкости, грид пока боюсь использовать, обругают так как грид только в последних версиях браузеров поддерживается нормально.
Крутые футболки)
Какооой классный видос!
Флексы нужно юзать с умом, например у нас есть отчеты, которые потом рендерятся в PDF, там свой рендерер на базе QT, так вот там флексы не работают. Получился сюрприз, хотя и не сильно глобальный (мы их пробовали применять только в одном месте).
Ура! Новый выпуск шоу Вадима Макеева!
Спасибо за выпуск
Роскажите тогда и про гриды пожалуйста!
😺
добрый день! про гриды очень хотелось был послушать. есть ли смысл делать всю страницу на гридах вместо флексов? интересна актуальность применения display: grid; спасибо!
на 1:46 ошибка. должно быть transform: translate(-50%, -50%), а у вас без запятой )
Дмитрий Русаков спасибо, но опечатку в видео поправить нельзя (
сейчас так сделать на ютубе нет возможности.
Здравствуйте, Вадим!
Недавно смотрел запись Вашего доклада "Мой ванильный CSS" и понячл, что Вы не являетесь поклонником SASS, хотя, наверняка у Вас большой опыт его использования :) Поэтому хочу спросить: в каких случаях такой инструмент как SASS-maps является очень удобным и есть ли какие-то особенности его использования? Я буду безумно благодарен, если этот мой вопрос будет затронут в одном из выпусков HTML-shorts. И спасибо за подкасты!
Мы записали ваш вопрос 😊
Вадим, откуда такие майки берешь? :)
Никита Баринов в основном с Threadless, но не только
Спасибо!
это не майки это вадим *хуенен
Расскажите пожалуйста про will-change. Когда его стоит применять и как именно.
Спасибо за вопрос 🙂
Вадим, сейчас через bootstrap 4 можно делать позиционирование, очень крутые возможности. Стоит ли пользоваться флексом?
Иван Доброславин Bootstrap позволяет вам делать только то, что умеет Bootstrap. Флексы - всё, что умеет Bootstrap и всё, что он не умеет.
Вадим, может рассмотрите такой вопрос?
Стоит ли ради семантики классов отказываться от css-фреймворков, потому, что в нем очень многие классы описывают лишь внешний вид элемента, совершенно не поясняя разработчику, чем по сути является элемент?
Вопрос записали 😉
Я из будущего флексы везде 😅
Вадим, можно подкинуть вопрос? Зачем и как древние верстальщики использовали однопиксельный gif? Может, эта тема будет интересна и другим.
Спасибо за вопрос 🙂
уже можно? Спасибо!
У нас с ребятами вопрос назрел, как раз для шортов. Как подружить нативный функционал лейбла на форме с симпатичным чекбоксом? Симпатичные чекбоксы обычно верстают через , а не вложенностью, чтобы использовать + селектор без джс-костылей, но ведь придумывать айди к каждому чекбоксу ужасно!
Sergiy Pereverziev делай вложенные, а вместо + используйте ~ Элементарно же, ну
Спасибо за вопрос
интересно, как ~ мне поможет с вложенными
воу, я чет написал не подумав. Конечно же > а не ~
я просто не пойму в чем проблема со вложенностью? Делается по тому же принципу, только выбирается не первый правый сосед, а дочерний элемент. А дальше все так же, before и after
с выходом "Bootstrap 4" сайтов на флексах станет больше)
Пока он выйдет Grid Layout в браузерах заработает на полную катушку.
он пока выйдет то уже grid устареет
Только вот четвертый бутстрап уже почти готов, и в течении пары месяцев, скорей всего, будет уже в продакшене. А гриды за пару месяцев, да даже за год, не сделают аналогичную поддержку. Так что, пока флексы, а года через 1,5-2 и гриды подойдут.
Бутстрап достаточно компонентный, что бы просто взять оттуда только сетку на флексах и использовать её. И она сделана очень хорошо и работает как надо. Не обязательно ждать пока весь бутстрап выйдет
Мне кажется на 28-й секунде можно было бы закончить XD
Пишу из мая 2022 тут флексы и гриды повсюду что повсеместное использование flex gap😎
Из 2021... А что в 2017 году сайты на таблицах и флоатах ещё делали?!
Спасибо за видео!
А значит ли это что теперь можно писать собственные таблицы на флексах, не используя ? =] Или это очередное использование технологии не по назначению? :)
П.С. Зелёная плашка в конце видео не выровнена по центру cl.ly/1R3Z0H301V3n ¯\_(ツ)_/¯
У , как и других семантических элементов, есть много полезных встроенных механизмов, включая доступность. Имитировать таблицы стоит только если у вас совсем нет выбора.
На флексах нужно делать если блок напоминает таблицу. Если же это настоящая таблица, то зачем лишнее делать?
а вот такой вопрос. Куда лучше ставить свойство transition, на класс или на его hover?
«Сайты не должны быть одинаковыми во всех браузерах, что бы там ни требовали заказчики».
Но ведь платит заказчик, а не Вадим Макеев.
Как доказать заказчику необязательность идентичности картинки в браузерах?
Заказчиков нужно на место ставить и гнуть свою линию. Они много чего хотят.
а врачу платит пациент. Но ни один врач, в здравом уме, не пришьет никому запасную почку "на всякий случай", просто потому что заканчик платит, а значит он главный.
Почему академию переводете на флекс, а не на грид? Еще рано?
Новыйх гридов не будет в IE11, а доля у него приличная, так что рановато переводить на них интенсивы. Но курсы по гридам делать конечно будем.
Веб жив?
@Melorum XZ нормальный вопрос, лебедев говорит веб мертв, фэйсбук говорит все съел
Стоит один дизлайк... хм... видимо Алексей тоже посмотрел это видео )))
моргни пожалуйста..
Спасибо за шорты) Но ооочень странное впечатление, как будто все живое вырезали и оставили робота правильно говорить. В подкасте гораздо лучше без всякой этой постановочной мишуры.
Что значит не делают? weacom.ru/
Терпеть не могу float'ы но иногда надо чтоб была поддержка ie9. А так для верстки админки самое то
Поддержка flexbox в мире 97.59%, а в России всего 84.13% (согласно caniuse.com/#search=flexbox). Так что остается использовать float в России. Пока что!
Поддержка flexbox в мире 97.59%, а в России всего 84.13% (согласно caniuse.com/#search=flexbox). Так что остается использовать float в России
Си эс эс, а не цэ эс эс
Dorian Zlatan нет.
(поддерживаю уровень аргументации)
@@pepelsbey потому что это английский термен! Буквы читаютьса на английском как СИ ЭС ЭС! А не какой то там ЦЭ!
Dorian Zlatan а скажите мне как правильно произносить тег и свойство border и margin тогда. Транслитерируйте по-русски. Наверняка вы скажете аудио, бордер и марджин. Только они читаются как одио, бодэ и маджин. Что же делать? А я вам скажу: не говорить другим как говорить правильно :) Меня в школе на геометрии научили, что ABC - это а-бэ-цэ. А у некоторых в школе немецкий и для них тем более а-бэ-цэ. Есть наречия, есть вариации нормы, есть разные произношения.
Первый что-ли)
Вадим, большая просьба, не говорите "цсс", есть только СSS
А как правильно?
сиэсэс, если не ошибаюсь
Кирилл Воробьев в русском есть устоявшаяся традиция называть английскую «си» на немецкий манер цэ, а эйч как аш и так далее. Вас же в школе на геометрии учили, что у треугольника а-бэ-цэ, а не ай-би-си, правда? Поэтому продолжу, а вы будьте терпимее - это самое распространённое произношение, насколько я слышу.
Vadim Makeev традиции это одно, а правильное произношение это уже другое, я не знаю как у вас там в школе учили, но на немецкий манер, английский на русский не переводят. Вы же не говорите, я надеюсь, яваскрипт потому как есть только джаваскрипт и есть пайтон а не питон (но это ладно, опустим) А еще мне интересно как вы произносите SCSS ? тоже как сцеэсес ?.
Насколько я слышу то то произносят сиєсєс и это правильно.
У переводчиков есть два подхода к переводу: транскрипция и транслитерация. При транскрипции стараются сохранить звучание иностранного языка, при транслитерации просто переводят по буквам. Оба подхода используются, оба подхода хороши. Так что понятия "правильно" здесь просто нет.