27 июля 2026
Видео
1029 (1).mp4 · 12.1 МБ
1029 (1).mp4 · 12.1 МБ
Быстрый совет по CSS: Используйте ключевое слово CSS unset для сброса всех свойств к их унаследованным значениям, включая значения родителя и значения по умолчанию
Очень удобно использовать в качестве значения свойства all
➡️ @FrontendPortal | #CSS
2.5K · 
Макс ВоронПочему адская? Есть же фреймворки для такого дела.
Потому что если начинают дизы лепить дизайн то никакой фреймворк не поможет. Там ограничений у каждого почтовика до и более
Макс ВоронПочему адская? Есть же фреймворки для такого дела.
Главная проблема:
*Настольные аутлуки.
*Яндекс-почта. на ios и андройде. Она не поддерживает до сих пор медиа-запросы.
Письмо и адаптация делается с помощью призрачных таблиц. Ограничений вагон и телега. Нет пока ни одного фреймворка, который бы идеально собрал дизай.
Евгений [vamplerk]Главная проблема:
*Настольные аутлуки.
*Яндекс-почта. на ios и андройде. Она не поддерживает до сих пор медиа-запросы.
Письмо и адаптация делается с помощью призрачных таблиц. Ограничений вагон и телега. Нет пока ни одного фреймворка, который бы идеально собрал дизай.
А потом все такие все настроили и даже работает и херакс темная тема в gmail :)
Кирилл ЛавровА потом все такие все настроили и даже работает и херакс темная тема в gmail :)
А в чем проблема темной темы в gmail?
Там проблема на ios. Он полностью по-тупому инвертит цвета. Нужно просто избегать некоторых цветов. Плюс пользоваться хаками. Под темную тему gmail можно полностью письмо подготовить.
https://emailmatrix.ru/blog/gmail-ios-dark-mode/
Вот тут для gmail. Есть плюс-минус др. варианты.
Евгений [vamplerk]А в чем проблема темной темы в gmail?
Там проблема на ios. Он полностью по-тупому инвертит цвета. Нужно просто избегать некоторых цветов. Плюс пользоваться хаками. Под темную тему gmail можно полностью письмо подготовить.
А проблема в том что по дизану часть цветов не инвертируются при этом становится нихера не видно :)
Кирилл Лавровчасть изображений инвертит часть нет
Так это на андроиде. gmail. Там хак был, можно запретить это. В темных темах там алгоритм темные иконки делает светлыми. Но это только малые изображения, большие картинки не трогает.
Евгений [vamplerk]Главная проблема:
*Настольные аутлуки.
*Яндекс-почта. на ios и андройде. Она не поддерживает до сих пор медиа-запросы.
Письмо и адаптация делается с помощью призрачных таблиц. Ограничений вагон и телега. Нет пока ни одного фреймворка, который бы идеально собрал дизай.
Ну идеально то не соберет конечно, но работу упрощает в разы.
Макс ВоронНу идеально то не соберет конечно, но работу упрощает в разы.
А дело не в работе. Там разные нюансы.
Бывает, что отдел маркетинга хочет, чтобы письмо везде было идеально с идеальной адаптацией. Тут только в ручную можно. Бывает, что сильно хотят идеального в настольных аутлуках.
Бывает также, что дизайн отрисовали, собрали, а его хуй соберешь на фреймворке. А дизайн уже утвердили везде. И тут только у ручную можно.
Евгений [vamplerk]А дело не в работе. Там разные нюансы.
Бывает, что отдел маркетинга хочет, чтобы письмо везде было идеально с идеальной адаптацией. Тут только в ручную можно. Бывает, что сильно хотят идеального в настольных аутлуках.
Бывает также, что дизайн отрисовали, собрали, а его хуй собе
Так если не поддерживает медиа-запросы, то хоть ногами собирай по идее.
Евгений [vamplerk]А дело не в работе. Там разные нюансы.
Бывает, что отдел маркетинга хочет, чтобы письмо везде было идеально с идеальной адаптацией. Тут только в ручную можно. Бывает, что сильно хотят идеального в настольных аутлуках.
Бывает также, что дизайн отрисовали, собрали, а его хуй собе
Вполне себе возможно кстати. 😁
Макс ВоронТак если не поддерживает медиа-запросы, то хоть ногами собирай по идее.
Почему ногами. Верстка инлайн-блоками с призрачными таблицами для аутлука. Всё отлично перекидывается. Но нужен дизайн правильный.
webpage
Простой пример с двумя блоками, которые уходят один под один вот так выглядит примерно.
https://prnt.sc/RzA94c0-v6jz
Евгений [vamplerk]Простой пример с двумя блоками, которые уходят один под один вот так выглядит примерно.
https://prnt.sc/RzA94c0-v6jz
Так фреймворки так и создают примерно.
Макс ВоронТак фреймворки так и создают примерно.
вообще нет. Сколько пробовал, все варианты учесть нельзя. Из лучшего - это stripo.
Там много моментов, которые конструктор не видит. и не врубает.
Допустим оба блока не одинаковые, а разные по ширине. Потом, в моб. нужно один блок растянуть на весь вьюпорт, а другой оставить в фикс. ширине. Потом выравнивание блоков по гор. оси. В аутлуках нужно хаки прописывать. Он vertical align плохо понимает.
Евгений [vamplerk]вообще нет. Сколько пробовал, все варианты учесть нельзя. Из лучшего - это stripo.
Там много моментов, которые конструктор не видит. и не врубает.
Допустим оба блока не одинаковые, а разные по ширине. Потом, в моб. нужно один блок растянуть на весь вьюпорт, а другой оставить в
Хз значит. Мне пока mjml хватает, но твой вариант надо будет попробовать.