Как стать автором
Обновить

Комментарии 18

Я тоже испугался! Только отправил ему письмо в личку, как он стал RO!
Update: Уже не RO, все в порядке, расходимся.
Если позволите вопрос. Почему для статей про адаптивный дизайн практически всегда используются картинки девайсов от Apple, если их главная страница сайта не поддерживает адаптивный дизайн?
Ибо очень велик процент использующих эти девайсы и под них нужно делать адаптивный дизайн.
Т.е. компания Apple считает, что для их устройств, их главный сайт не должен поддерживать адаптивный дизайн. А все остальные считают, что для девайсов Apple надо делать адаптивный дизайн. Я вас правильно понял?
Что считает компания Apple никто не знает.
А вот все остальные — да, считают, ибо это их бизнес и они не хотят терять клиентов.
Спасибо за разъяснение.
Статья про адаптивные email-ы — а как их заверстать — ни слова. Не говоря уже о том, что «кроссбраузерная» (хотя правильно было бы кросс-клиентская, так как отображением по сути больше занимается email-клиент, а не браузер) кнопка — в yahoo — не будет иметь скругленных краев.

В общем, «Статьи по теме и использованный материал» — это обязательный к прочтению материал для понимания сути тем, кто занимается версткой email-ов.
Посмотри htmlemailboilerplate.com/#f1 — там распечатка стилей с комментариями и где то на 120 строке кода начинается сам пример письма
Как верстать имейлы я в курсе, меня возмутило, что в статье не последовало конкретных примеров того, что написано в заголовке.
>>> Не говоря уже о том, что «кроссбраузерная» кнопка — в yahoo — не будет иметь скругленных краев.
Это зависит от браузера?
Нет. Email-клиенты рендерят твой код так, как им хочется.
Не понимаю, почему ДО СИХ ПОР почтовикам нужно отдавать таблички с инлайновыми стилями?
Неужели за всё это время их нельзя было научить нормальной разметке?
Я один не понял, почему используются регулярки
table[class="hide"]
вместо
table.hide
?
потому что яху буду применять table.hide всегда и повсеместно, а прятать нужно только для мобильных

тонкости верстки для email :(
Я прекрасно понимаю что оно делает, я не понимаю почему используется регулярка?!
И чтобы «яху» не применял повсеместно заложено же media query
@media only screen and (max-width: 600px) {
или это игнорируется?
да, яху игнорирует media only screen and (max-width: 600px) { и применяет все описанные там классы, чтоб этого не было, используют и media only screen and (max-width: 600px) { и table[class=«hide»]
Ну тогда стоило бы об этом упомянуть в статье, а то получилось как с совой.
А многие бы и не стали использовать регулярку, со словами: «нах** она тут?»
А с учетом того, что статья всё же и для «новичков», то они вообще не поймут как это работает.
Регулярки сами по себе целое искусство. А регулярки в CSS при этом и мало известный зверек.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории