Outlook 2007 <> CSS

Если вы ненавидите Microsoft за то, что они сделали IE… ха, вы ещё не верстали HTML-письма для Outlook 2007.

В этой чудо-программе HTML рендерит не кто иной, как Microsoft Word.

CSS support in email clients

Профессионалам и не только

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

Хочется, наконец, обобщить опыт и упростить понимание кода между большинством веб-разработчиков.

Результаты голосования — «Как писать классы и идентификаторы из 2-ух и более слов»

В итоге недельного голосования победило тире «-». Этот символ становиться негласный стандартом, при разделении сложных имён классов и идентификаторов.

Сейчас стартовало 4 опроса, целью которых — выбрать наиболее предпочитаемые имена директорий для стилей, картинок, скриптов. Они выводятся в случайном порядке, в правой колонке.

Имена для фоновых изображений, каталоги

Во время создания макета через наши «фотошопы» проходит множество картинок, фоновых и не очень.

Чтобы долго не ломать голову, где какая картинка. Я называю их по имени объекта, фоновой картинкой, которого она является.

1
body.jpg(картинка для&nbsp;body), header.gif(#header), logo.gif(#logo), catalog-item.gif(.catalog-item)

Картинки складываю в директорию

1
i

,

1
JavaScript

лежит в директории

1
js

, рыбные картинки в

1
temp_images

, стили в папке

1
css

.

Вот и все премудрости. А, как у вас?

Этот пост затевался для того, чтобы определиться с этими 2-мя премудростями:

  1. Какие имена лучше всего давать фоновым картинкам?
  2. Какие имена для папок с ресурсами?

Стандарты именования html-layout

Хочется поднять с глубин обсуждений такую тему, как стандартизация именования элементов в html-вёрстке.

Потому-что:

  • чтобы было понятно не только автору, но, и всем, кто продолжит работу с сайтом после…
  • для облегчения самого процесса работы
  • css-файлы станут намного понятнее и проще
  • ещё много плюсов…

Все следующие публикации связанные с этой темой будут построены по простому принципу:

  1. Пишется пост с темой обсуждения, предлагается несколько вариантов для принятия его в стандарт
  2. В комментариях любой жалающий может их оспорить, предложить свой вариант и т.д.
  3. Через неделю открывается голосовалка, с наиболее приёмленными вариантами стандарта
  4. Ещё через неделю, вариант решения, собравший наиболее количество голосов, уходит в стандарт

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

  1. через – (header-logo)
  2. через _ (header_logo)
  3. через Большие буквы (headerLogo)