css

Особенности html и css

Standard
  1. height свойство span элемента не зависит от регистра
  2. В Chrome (да и в Safari вроде) возникает интересная ошибка security Error  при следующих обстоятельствах: при добавлении изображения с другого хоста на canvas и последующем вызове toDataURL(). Решение — загрузите на свой хост картинки.
  3. Данные в base64 на сервере необходимо сначала отделить от строки расширения, типа image/png.
  4. На данный момент невозможно определить высоту текста на canvas, хотя можно ширину (странно как-то). Приходится создавать невидимый элемент, в который записываем текст и определяем получившуюся высоту, но есть минус — см. пункт 1
  5. Изображение надо помещать на canvas по событию onload, сам браузер не сообразит :(
  6. В chrome 20 версии на Mac OS при использовании drag&drop метода e.dataTransfer.getData(mime_type, data) нужно учесть что mime_type — не должен быть неизвестным типом, типа «wtf-type», более того, чтобы это работало в IE 9 разрешено использовать только Text и URL

Правила для верстки

Standard

Нашел у себя в записях.

  1. Кроссбраузерность (Сайт должен нормально работать в IE8-IE10, FF3+, Opera9+, Safari4+, Chrome 4+
  2. Всегда описывайте цвет фона для body даже если он белый
  3. Если используете хаки CSS, комментируйте, что это и для какого браузера.
  4. Названия классов и id должны соответствовать своему применению по смыслу
  5. Разделять основные блоки html комментариями <!—BEGIN FOOTER—> <!—END FOOTER—>
  6. Не пренебрегайте испольовать PNG 8 бит с альфа-каналом вместо PNG — 24