====== Вёрстка ======

===== HTML5 =====

  * [[http://diveinto.html5doctor.com/|Dive Into HTML5]]


===== CSS3 =====
  * http://css3please.com/
  * http://paulirish.com/2012/box-sizing-border-box-ftw/
===== Софт =====
  * [[http://rmcreative.ru/blog/post/nabor-dlja-testirovanija-vjorstki|Идеальный набор для тестирования вёрстки]]: IE6, IE7, IE8, Firefox, Safari, Opera, Chrome. Все виртуализированы и могут работать параллельно.
  * [[http://firebug.ru/|FireBug]]
  * [[https://addons.mozilla.org/en-US/firefox/addon/60|Web Developer Toolbar]]
  * [[http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en|http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en]] (IE)
  * [[http://dev.opera.com/articles/view/introduction-to-opera-dragonfly/|Dragonfly]] (Opera)

===== Оптимизация графики =====
  * [[http://www.phpied.com/image-optimization-7-mistakes/|Image optimization - 7 mistakes]]


===== Полезные онлайн-инструменты =====
  * [[http://csstemplater.com/|CSS Layout Generator (Dimox)]]
  * [[http://www.nealgrosskopf.com/tech/resources/80/|Nth-Child Visual Calculator]]
===== Фреймворки ====
  * [[http://css-framework.ru/|css-framework]]
  * [[http://www.designinfluences.com/fluid960gs/|Fluid 960 Grid System]]
  * [[http://www.1kbgrid.com/|The 1KB CSS Grid]]  

===== Полезные знания =====
  * [[http://cssing.org.ua/2005/06/09/css-selectors-weight/|Вес селекторов в CSS]]
  * [[http://www.webdevout.net/]]
  * [[http://haslayout.net/]]

===== Приёмы =====
  * [[http://vitaly.harisov.name/article/independent-blocks.html|Вёрстка независимыми блоками]]
  * [[http://rmcreative.ru/blog/post/podkljuchenie-stilja-tolko-dlja-safari|Отдельные файлы для Opera, Safari при помощи @media]]
  * Отдельный файл для Opera можно подключить как type="opera/css".
  * Элементы с float лезут за пределы блока — overflow: hidden; zoom: 1 и [[http://rotorweb.ru/mysli-vslux/saying-goodbye-overflow-hidden.html|более человечные методы]]
  * [[http://www.webmagazine.biz/articles/krossplatformennyj-sposob-perenosa-teksta-code-pre.html|Кроссбраузерный способ переноса строк в code и pre]]
  * [[http://rmcreative.ru/blog/post/displayinline-block-dlja-vsekh-brauzerov|display:inline-block для всех браузеров]]

  * [[http://www.cssstickyfooter.com/|Прилепленный к низу футер]] и [[http://habrahabr.ru/blogs/css/67493/|ещё один]]
  * [[http://habrahabr.ru/blogs/webdev/60665/|Заменяем стандартный элемент input file]]
  * [[http://sreznikov.blogspot.com/2009/08/1px-rounded-corners.html|Однопиксельные прозрачные уголки]]

  * [[http://blog.sribna.com/ukrashaem-input-s-pomoschyu-css-prodolzhenie.htm|Украшаем input с помощью CSS]]

===== Боремся с IE =====
  * [[http://www.quirksmode.org/css/condcom.html|Условные комментарии]]
  * [[http://rmcreative.ru/blog/tag/PNG/|PNG]], лучший из фиксов пока [[http://rmcreative.ru/blog/post/dd_belatedpng|DD_belatedPNG]]
  * [[http://rmcreative.ru/blog/post/whateverhover-v3|hover]]
  * IE6 дублирует margin для элементов с float — применяем к ним display: inline.
  * Ненулевая высота для элемента с height: 0 — line-height: 0
  * [[http://rmcreative.ru/blog/post/perekryvaem-select-v-ie6|Перекрываем select в IE6]]

===== Покажите это дизайнеру =====
  * [[http://rmcreative.ru/playground/for-designers/|Веб-дизайнеру на заметку]]

===== Сводные таблички =====
  * [[http://www.quirksmode.org/css/contents.html|Совместимость браузеров с селекторами и свойствами CSS]]
  * [[http://www.campaignmonitor.com/css/|Вёрстка для почтовых клиентов]]
  * [[http://www.ejeliot.com/samples/clearing/rule-support.html|Очистка float у блоков]]

===== Вёрстка почты =====

  * http://htmlemailboilerplate.com/

  * [[http://www.campaignmonitor.com/css/]]
  * [[http://habrahabr.ru/blogs/webdev/60420/|10 рекомендаций по html-верстке электронных писем]]
  * [[http://www.emailonacid.com/|Email on Acid]]  
  * [[http://www.email-standards.org/]] 