"смотрите у нас тут получился усредненный цвет, не очень красивый, но правдивый" - цвет правды жизни :D

Ого! Это же тот самый pepelsbey?! Вырос на Ваших советах -- наверное году в 2008 когда что-то гуглил из неочевидных проблем по вёрстке -- почти всегда наталкивался на Ваши разборы сложных ситуаций, не прописанных в документации и на которые не хватало моей логики. Зашёл сказать спасибо.

Ууу, крутяк! Бесит постоянно, что нужно из hex переводить в rgb, чтобы просто добавить прозрачности. в нашем Ui-kit цвета используются примерно так: --main-rgb: "0, 0, 200"; --main: rgb(var(--main-rgb)); --main-80: rgba(var(--main-rgb), 0.8); На самом деле, хотелось бы видеть и улучшенную старую запись, например, rgba(tomato, 0.8)

Интересный выпуск и познавательно и посмеялся) Спасибо Вадим!)

Спасибо за гайд) Приятный доп к подкасту)

Очень круто, спасибо!

Действительно: отличные новости

Какая же прелесть!

Оу, это действительно магия! Как же стремительно всё развивается!

хорошие новости. Спасибо за информацию

Очень круто!

Самое позитивное видео на свете

Прикольно, спасибо)

вот эти видео магическим образом уменьшают уровень тревожности в моем организме, а казалось бы, где психология, а где айти... Может дело в этом фиолетовом фоне? А если серьезно, то Вадим, спасибо за очередной клевый выпуск)

очень круто)

Хммм, это очень интересно. Особенно последний вариант мне понравился.

Вадим как всегда мутит самый годный контент, с запасом на будущее - идеальненько!

Как всегда очень интересно, спасибо за информацию. Хотелось бы больше послушать о том что есть интересного в черновиках и на какой это стадии.

Смешение цветов это жесть. Я в школе в первом классе имел за это колл. И думаю, что я не один такой разработчик, который не понимает, какой цвет будет если смешать зеленый и красный. Потом, как сопровождать дизайн систему если использовать перечисленные возможности в видео? Не уверен, что в промышленной разработке, да и даже в проектах где pixel perfect это применимо. А в целом, Вадиму спасибо за информацию

спасибо Вам)

Кажется на вэб стандартах видел статью на эту тему. Отложил почитать, а тут видос :) Спасибо

Я хочу такую же майку!!! Видео огонище!

Нужны, ждем и надеемся...

Миллионы тыщ лайков этому видео 👍 ✨

круто. надеюсь не будут медлить с тем, чтоб добавить это в основные браузеры.

Задник - просто космос

Ух, контрастность, как же ее иногда не хватает. Сейчас уровень контрастности задается на уровне дизайна, а будет на уровне реализаций разработчика! Будущее здесь :D

Вадим спасибо, как всегда хорошо. Единственное пожелание, кажется названия цветов можно было выбрать более очевидные: мало кто умеет в голове смешивать томатный и желто-зелёный, поэтому результат в виде коричневого вызывает недоверие. Наглядней было бы смешать синий и желтый = зелёный.

киллер фича)) прям реально черная магия))

привет! интересная тема насчёт цветов, но вот как раз нюанс, который важен для меня и как для разработчика, и как для пользователя, уверен, я не одинок. доступность - тренд и это очень хорошо. и вот в связи с этим хочу свои пять копеек вставить. я дальтоник, кроме того, как везунчик, я взял немного прота и немного дейтера, поэтому иногда бывает очень весело. яркий пример: стандартные темы для ide для меня не подходят вообще, всегда приходится изощряться. знаете вот эти подчеркивания разных цветов под кодом, когда ошибка один цвет, когда предложение от ide другой цвет и так далее. вернее, так должно быть, но для меня это не так. есть специальные сайты с темами для таких разработчиков, как я. и я очень благодарен их авторам. а теперь цимес: нередко я верстаю. и, к сожалению, мы все-таки в мире, где не все идеальны, иногда макет недостаточно полон, а сроки жмут или макета нет, а сделать надо, ну или любой другой вариант. и тут доходит до того, что цвета приходится выбирать мне, что крайне забавно, конечно. если хотите - я пишу тесты на цвета в вёрстке) (приходится спрашивать коллег или приятелей и т. п. ) ну и наконец-то сам вопрос, как мне верстать, чтоб было адекватно людям, которые видят цвета нормально? и наоборот, что делать с цветами для таких, как я, как их на сайт подбирать? P. S. режимы для дальтоников, в том софте, который я юзаю, не имеют эффекта. а единственный раз, когда я видел, что мне стало легче разделять цвета, к сожалению, был раз, когда цвета были режим искажены до кислотного ужаса P. P. S. наверное, для многих это будет выглядеть как жалоба или как несерьезная проблема. хочу заметить, что я сталкиваюсь с этим всю жизнь, в детстве на изо, потом просто в школе и на других предметах, в универе на лабах и сейчас на работе и в повседневности. я не жалуюсь, а просто хочу помочь людям, как я, перестать ежедневно обращать внимание на эту маленькую проблемку)

Я просто выпал с последней функции с цветом!

Вижу выпуск - ставлю лайк, изи

Весна, цвета приходят как в мир, так и в CSS)) Спасибо, было познавательно. Жду про stylelint и eslint видосов. Опишу мою проблему, может будет актуально обсудить в ролике. Недавно настраивал stylelint кастомный и чот прям туго было с order для свойств, так как csscomb работает не так, как мне нужно (у нас через @include подключаются миксины типографики и миксины для media, надо, чтоб для типографики миксин был вверху, а для media естественно внизу). CSSCOMB фигачит либо всё вниз либо всё наверх, это прям боль... в итоге пока отказались от order в stylelint, но планирую попробовать prettier. Возможно есть ещё варианты)) Переписывать миксины шрифтовые не хочу, слишком уж удобно.

Для меня самая большая боль сейчас, это как приходится объявлять цветовую схему приложения с использованием Custom Properties. Например: --white: 255, 255, 255; И затем использовать как: color: rgba(var(--white), 0.6); То есть соответственно для того, что бы применять прозрачность. Новый синтаксис модификации цвета, прямо скажем, восхищает :)

Вадим, спасибо за интересный материал! А можете дать совет, как повторить эффект затемнения светлых участков на фото (как опция highlights в Figma) средствами css или svg? Игрался свойством filter, но как-то не нашел решения.

Расскажите пожалуйста про grid и переполнение, а то получается overflow: auto и grid несовместимы по умолчанию

Очень крутые штуки завозят) А в модификации цвета можно изменять каналы не в процентах, а на точное значение? Например было blue = 66, а захотелось blue = 127

я вот жду функцию color 😁

Разработчики scss призывают силу LinkedIn после просмотра видео

Nice summary! You should do this in English, too :)

Отличные новости, спасибо Вам Но было бы вообще здорово и круто, если бы добавили поддержку интерполяции в СSS

Лучшая новость за сегодня

спасибо за видео!! вопрос по семантике, чтото не нахожу нигде, можно ли для каждой страницы проекта ставить тег main? он отвечает за основной контент, но ведь у каждой страницы свой основной контент, значит я могу свои секции в своих страницах обернуть в общий main?

Спасибо, было интересно. Скорее всего при минимизации стилей сейчас всё поломается. Интересно иметь свойство которое может поменять значение color в зависимости от background на котором написан данный текст

Вадим, поделись пожалуйста мнением по решению проблемы поддержки смарт тв. Я использую css grid, css variables , но клиенты периодически жалуются, что на смарт тв не работает.

Здравствуйте, во первых, спасибо за видос, как всегда Круто, палец вверх ! Во вторых, подскажите пожалуйста, есть ли ресурс с задачами для хакатона по Вёрстке????? Или может есть где подсмотреть?

👍

Офигенно. Наконец css становится умнее )

Привет, а postcss плагина по спеке нету? Что бы можно было плагин вырубить когда то и ничего не отвалилось )

Вадим, Привет. Спасибо за видео. Мне кажется, очень неудобная нотация. Какие могут быть реальные сценарии применения, чтобы прям в рантайме нужно было смешивать цвета, а не препроцессором (В Less есть встроенная функция contast). И не будут ли эти дополнительные вычисления влиять на производительность?

У меня вопрос не по теме немного. Где можно мерч заказать? Я про майки =)

Всё нравится если лишний раз не нужно подключать библиотеки,фреймворки, препроцесоры и т.д. )))

Контраст это топ

Картинка, звук, вміст - люкс!

Надоело делать контрасты на JS. :) О боги, как я хочу этого в CSS)

а микрофон как называется, скажите пожалуйста

12:50 а что если написать не "r g b" а " b g a"? И можно тогда уже идти до конца: "40%+r/2 b*2 g / 80%" Что-то даже недеюсь, что так работать не будет))

5:10 :D

а с чего такая тяга избавиться от препроцессоров? чем они плохи?

верстаю уже лет 10 и не понимаю где я это могу применить на практике, не считая может быть каких-нибудь анимаций с динамическим цветом, но с таким не сталкивался. Но спасибо за инфу.

Скорее бы в основных браузерах бы это появилось

Ребят, а где такие штуки можно применять? Сходу не могу придумать зачем это нужно

мои мечты css: - чтобы импорт не только загружал стилевой файл, но и подставлял предзагруженный стилевой файл - чтобы была вложенность - чтобы были миксины

скорее бы это можно было использовать... хотя по работе и переменные в css нельзя использовать...

Прикольно, но Safari и Firefox не держем-с..

То что я увидел вот тут kzfaq.info/get/bejne/Y5yGaqiny7vXY58.html - это безумие! Безумие! (((((

июль 2022 года, у этой фичи 0 % поддержки в браузерах.

Только для чего это нужно?

*Зачем?* Тонкость настройки цвета, в конечном итоге, всё равно актуальна далеко не для всех мониторов. Думаю гугл не поддержит.

8 лет верстаю, никогда такой нужды не было. Прикольно да, полезно ? нет

я думал cs source

да лучше на sassе делать, пока что.

Пока в хроме не появится смысла нет