Адаптивные email'ы

[@shoumikhin]

grokru стал read-only???

[@backmeupplz]

Я тоже испугался! Только отправил ему письмо в личку, как он стал RO!
Update: Уже не RO, все в порядке, расходимся.

[@Teacher]

Если позволите вопрос. Почему для статей про адаптивный дизайн практически всегда используются картинки девайсов от Apple, если их главная страница сайта не поддерживает адаптивный дизайн?

[@XAMelleOH]

Ибо очень велик процент использующих эти девайсы и под них нужно делать адаптивный дизайн.

[@Teacher]

Т.е. компания Apple считает, что для их устройств, их главный сайт не должен поддерживать адаптивный дизайн. А все остальные считают, что для девайсов Apple надо делать адаптивный дизайн. Я вас правильно понял?

[@XAMelleOH]

Что считает компания Apple никто не знает.
А вот все остальные — да, считают, ибо это их бизнес и они не хотят терять клиентов.

[@Teacher]

Спасибо за разъяснение.

[@XAMelleOH]

Статья про адаптивные email-ы — а как их заверстать — ни слова. Не говоря уже о том, что «кроссбраузерная» (хотя правильно было бы кросс-клиентская, так как отображением по сути больше занимается email-клиент, а не браузер) кнопка — в yahoo — не будет иметь скругленных краев.

В общем, «Статьи по теме и использованный материал» — это обязательный к прочтению материал для понимания сути тем, кто занимается версткой email-ов.

[@copist]

Посмотри htmlemailboilerplate.com/#f1 — там распечатка стилей с комментариями и где то на 120 строке кода начинается сам пример письма

[@XAMelleOH]

Как верстать имейлы я в курсе, меня возмутило, что в статье не последовало конкретных примеров того, что написано в заголовке.

[@copist]

>>> Не говоря уже о том, что «кроссбраузерная» кнопка — в yahoo — не будет иметь скругленных краев.
Это зависит от браузера?

[@XAMelleOH]

Нет. Email-клиенты рендерят твой код так, как им хочется.

[@Night_Coder]

Не понимаю, почему ДО СИХ ПОР почтовикам нужно отдавать таблички с инлайновыми стилями?
Неужели за всё это время их нельзя было научить нормальной разметке?

[@BaNru]

Я один не понял, почему используются регулярки
table[class="hide"]
вместо
table.hide
?

[@kobiak]

потому что яху буду применять table.hide всегда и повсеместно, а прятать нужно только для мобильных

тонкости верстки для email :(

[@BaNru]

Я прекрасно понимаю что оно делает, я не понимаю почему используется регулярка?!
И чтобы «яху» не применял повсеместно заложено же media query
@media only screen and (max-width: 600px) {
или это игнорируется?

[@kobiak]

да, яху игнорирует media only screen and (max-width: 600px) { и применяет все описанные там классы, чтоб этого не было, используют и media only screen and (max-width: 600px) { и table[class=«hide»]

[@BaNru]

Ну тогда стоило бы об этом упомянуть в статье, а то получилось как с совой.
А многие бы и не стали использовать регулярку, со словами: «нах** она тут?»
А с учетом того, что статья всё же и для «новичков», то они вообще не поймут как это работает.
Регулярки сами по себе целое искусство. А регулярки в CSS при этом и мало известный зверек.