Vessel

Изображению не задавать ширину и высоту в атрибутах. Изображение не масштабировать ни атрибутами, ни свойствами css. Должно идти, как есть. Сниппетом регулярно пользуюсь, протестирован на более, чем 80 клиентах. Косяки по-моему были где-то, но в оч. старых клиентах. Это полностью резиновое решение, не требующее медиа-запросов.

Flicker-Free - это часто маркетинговый трюк. Много людей отписываются, что заявленная характеристика просто отсутствует. Benq имеют много моников таких, но там присутствует ШИМ. Карандашный тест, к сожалению, не выявит весь диапазон мерцаний. Тут нужен полноценный тест на осциллографе.

А есть тут люди, которые остро реагируют на ШИМ в современных мониторах? Не важно ноуты или мониторы? Кто не знает, это технология управления яркостью. У многих людей болят глаза и голова после 20 минут работы за такими мониками. При этом хороших аппаратов крайне мало в продаже.

Хотелось бы еще поинтересоваться у людей с ноутбуками. А на каком разрешении вы работаете?

klierik Спасибо за развернутый ответ. Не в курсе, как там обстоит с экраном на ноутах? Они сильно отличаются от обычных. У меня проблема, я не могу вообще работать с мониторами с ШИМ. А их сейчас большинство. Как там матрица и подсветка? Были когда-то проблемы?

Спасибо всем отписавшимся. Насколько понимаю, особых проблем при вёрстке не должно возникнуть. andrey7287 Второй монитор не пошел в работе. Постоянно переключать внимание - устают глаза потом сильно. Еще вопрос, а на какой матрице удобнее на ноуте работать? TN или PLS? И поверхность матовая или глянцевая?

Интересует вопрос не столько в тех. характеристиках, сколько в удобстве вёрстке на ноуте. Насколько падает удобство по сравнению со стац. машиной?

Добрый день. Кто верстает на ноутбуке, подскажите пожалуйста, как обстоит дело с удобством. Возникла необходимость поработать удаленно, но еще ни разу не сталкивался с вёрсткой на ноутбуке. Планирую покупать ноут с самым большим разрешением и самым большим экраном. Как верстаются сайты с разрешением в 1920px и более? Насколько вообще большая разница со стационарным компом с хорошим монитором? Не уверен, что правильно выбрал раздел. Если ошибся, перекиньте тему пожалуйста в нужный раздел.

Она изначально на весь экран, потому что самая внешняя таблица имеет 100%. Это мой сниппет кнопки, один из четырех. Она полностью отвечает вашей задаче. Вам внешней таблице просто нужно убрать 100% и добавить выравнивание по центру. Либо позиционировать кнопку, исходя из макета, но уже на базе ячейки. Я же не знаю, какой там контекст. Вёрстка писем имеет массу нюансов, тщательно тестируйте вёрстку везде, где можно.

<!-- Button --> <tr> <td width="100%" valign="top" align="center" style="padding: 20px 0 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#ffffff" valign="top" align="center" style="border-radius: 3px;"> <a class="btn" href="#" target="_blank" style="text-decoration: none; width: 100%; font-size: 16px; line-height: 100%; font-family: Arial, sans-serif; font-weight: bold; color: #f5a815; border-radius: 3px; background: #ffffff; padding: 15px 0; border: 0px solid #f5a815; display: inline-block; text-transform: uppercase;"> <span style="color: #f5a815;"> <!--[if gte mso 9]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--> Посмотреть на сайте <!--[if gte mso 9]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--> </span> </a> </td> </tr> </table> </td> </tr>

А куда всё переехало? Или вы концентрируетесь сейчас только на сайт и форум?

ДОбрый день. Не нашел куда запостить вопрос специфический, задам здесь. Там была группа ВК у вас, интересные темы поднимались. Больше не ведете?

Подавляющее большинство заказчиков уже не требуют ie8/9/10. Актуален edge и 11.

C чего бы ему закрываться? Самая крупная биржа в рунете. Ближайшие веблансер и бесчерточный притом сильно отстают по количеству проектов. Цены топят, чтобы макисмум выжать из проекта. Если так и пойдет, то одни студии и останутся.

Да, gmail не воспринимает style. Но это не значит, что нельзя использовать медиа-запросы. Без медиа-запросов не сделать адаптивное письмо. Срезает стайл насколько мне известно только gmail . Во всех остальных клиентах всё нормально. Очень также важно, с какой системы будет отправляться письмо. Многие сервисы рассылки форматируют код. Если вы занимаетесь вёрсткой писем, то должны знать об особенностях всех популярных клиентов. В остальном gmail вполне предсказуем. Куда веселее тестировать письмо на outlook 07-10-13. Вы же знаете, что эти версии аутлука работают на движке word. Там около 30 хаков, которые нужно знать, чтобы качественно сверстать рассылку. Также есть некоторые нюансы на outlook 2000-02-03. Но они мелкие, несущественные и в принципе. На них в совокупности сидит около 10 процентов всех аутлучных пользователей. Обратил бы ваше внимание сейчас на outlook 2016. Сильно его не изучал, но баги идентичны с аутлук 2013. ios кстати отлично поддерживает медиа-запросы. Проблемы с этим только у gmail apps. Но там сейчас в последних версиях более-менее адекватно работает масштабирование. Просто не надо делать письмо шире 700 пикс.

Надо смотреть в код. Также может быть конфликт в cms когда в коде путь в папку, а фавикон лежит в корн. каталоге. Для обычного сайта вот стандартный набор:

<tr><td valign="top"> <table class="flexible" width="280" align="left" cellpadding="0" cellspacing="0" border="0"><tr><td class="center-td" align="center" valign="top"> </td></tr></table> <table class="flexible" width="200" align="right" cellpadding="0" cellspacing="0" border="0"><tr><td class="center-td" align="center" valign="top"> </td></tr></table> </td></tr> flexible {width: 100%;} Закругленные углы, в принципе, использовать можно. Вот поддержка свойства: https://www.campaignmonitor.com/css/ Перед сдачей проекта тщательно тестируйте письмо на всём, чем можно. Тут баги выплывают из пустого места. Особая опасность: outlook 07-10-13, там вордовский движок рендеринга.

У меня ЭЛТ моник, специально для вёрстки использую, цветопередача такая, что у современных ЖК-мониторах даже близко ничего похоже нет. Исключение - дорогие модели nec и dell. Но всё равно при разных яркостях не вижу этого перехода цвета. Но в любом случае, это не правильно, что картинка сохраняется с другим цветом.

Вот смотрите, кому интересно. Вот картинка, на фоне имеется переход цвета, но на моем монике его просто не видно. У кого виден это переход. Про этот переход цвета мне сказал заказчик, но увидеть я его смог только с помощью пипетки.

sRGB IEC61966-2.1

Нет, тут вся странность в том, что я отдаю картинку с фоном #fafafa, а человек мне показывает скрин, где фон уже #fsfdfd. Не могу понять в чем дело. Может у него какая-то свой кастомная цветовая модель на маке.

Помогите разобраться пожалуйста. Есть макет psd. Допустим, цвет фона: #FAFAFA; Вырезаю картинку вместе с этим фоном jpg, качество: 80%. У заказчика стоит mac, сафари. Он присылает скриншот, а у картинки уже другой фон, допустим: #FВFВFВ; Таким образом, фон страница и фон страницы у него разный и это видно, те контраст. На win у меня этого не видно. Кто знает причины явления и как бороться? Цвет. модель: sRGB.

Считаю, что БЭМ - это для очень больших проектов. Но если даже не БЭМ, то что-то другое. Любой порядок, любая архитектура CSS, но она должна быть. В противном случае в css будет хаос. Команда должна одинаково писать код. Из БЭМа взял для себя принцип независимости блоков. Да, получается так, что при таком стиле код много где дублируется, разрастается. Однако при таком подходе любой блок можно легко продублировать на странице, проекте, другом проекте. Так блок легко дорабатывать. К тому же, такой код легко понимается другим верстальщиком.

Влад, а вы уже закрыли на http://htmlbook.ru/ доступ к справочникам? Или ссылки случайно сломались?

Vlad А что вы хотите про вёрстку еще написать? Я учился по вашей замечательной книге, которая была в pdf. Спасибо большое за нее. Всё, что нужно, там есть. Отличная вещь для начинающих. Всё, конечно, есть на сайте, но книга как-то дает более собранный вариант. Мне кажется, что на сайте уже всё есть. Набор рецептов есть, типовые задачи тоже есть. Всё остальное можно узнать только с практикой. Был бы конечно рад, если бы планировался справочник или учебник по jQuery. В русскоязычном сегменте все справочники что-то слабоваты совсем. По JS есть уже отличный сайт, мне кажется.