Инструменты пользователя

Инструменты сайта


вёрстка

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия
Предыдущая версия
вёрстка [2010/12/21 22:29] samdarkвёрстка [2017/01/08 10:46] (текущий) – [Боремся с IE] samdark
Строка 1: Строка 1:
 ====== Вёрстка ====== ====== Вёрстка ======
  
-===== CSS3 ===== +===== HTML5 =====
-  * http://css3please.com/+
  
 +  * [[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://rmcreative.ru/blog/post/nabor-dlja-testirovanija-vjorstki|Идеальный набор для тестирования вёрстки]]: IE6, IE7, IE8, Firefox, Safari, Opera, Chrome. Все виртуализированы и могут работать параллельно.
Строка 18: Строка 22:
 ===== Полезные онлайн-инструменты ===== ===== Полезные онлайн-инструменты =====
   * [[http://csstemplater.com/|CSS Layout Generator (Dimox)]]   * [[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://css-framework.ru/|css-framework]]
Строка 26: Строка 30:
 ===== Полезные знания ===== ===== Полезные знания =====
   * [[http://cssing.org.ua/2005/06/09/css-selectors-weight/|Вес селекторов в CSS]]   * [[http://cssing.org.ua/2005/06/09/css-selectors-weight/|Вес селекторов в CSS]]
-  * [[http://www.webdevout.net/]] +
-  * [[http://haslayout.net/]]+
  
 ===== Приёмы ===== ===== Приёмы =====
Строка 45: Строка 48:
 ===== Боремся с IE ===== ===== Боремся с IE =====
   * [[http://www.quirksmode.org/css/condcom.html|Условные комментарии]]   * [[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]]   * [[http://rmcreative.ru/blog/post/whateverhover-v3|hover]]
-  * IE6 дублирует margin для элементов с float — применяем к ним display: inline. +
-  * Ненулевая высота для элемента с height: 0 — line-height:+
-  * [[http://rmcreative.ru/blog/post/perekryvaem-select-v-ie6|Перекрываем select в IE6]]+
  
 ===== Покажите это дизайнеру ===== ===== Покажите это дизайнеру =====
вёрстка.1292970581.txt.gz · Последнее изменение: 2013/08/01 20:25 (внешнее изменение)