CSS box-sizing

Блоки с {display: inline-block;} имеют особенность: последовательность таких блоков имеет ненулевое расстояние между отдельными блоками, если они в документе разделены пробельными символами. [CSS display: inline-Block: Why It Rocks, And Why It Sucks]

Блоки с {display: table-cell;} лишены этого недостатка. Но следует помнить, что в мозилле им нельзя поменять box-sizing, только {box-sizing: content-box}. [developer.mozilla.org/En/CSS/Box-sizing]

И вообще мозилла чудит: при {box-sizing: border-box} не работают min-height/max-height [там же]

Макет с выравненными колонками

Подкинули задачу. Макет страницы в 4 блока: хедер/футер, сайд/контент. Сайд с контентом должны быть оформлены в скругленные рамки одинаковой высоты. Под современные браузеры (допустимы прямоугольные рамки в IE8).

Изюминка в колонках одинаковой высоты, не таблица:)

jQuery 1.6 и 1.6.1

20110503 релиз 1.6. Быстрее и удобнее. Не совместимо с предыдущими версиями. Да что за месяц такой!? Только с убунтой разобрался..

Каменты.

20110512 релиз 1.6.1. Вернули совместимость. Здоровья им!..

События в JS, bubbling/capturing

• Document Object Model (DOM) Level 2 Events Specification - Version 1.0 - W3C Recommendation 13 November, 2000
• Wiki: DOM events
• Event order
• Способы добавления обработчиков в сравнении
• IE + addEventListener/attachEvent
• jQuery equivalent of JavaScript's addEventListener method

..Not all browsers support event capturing (for example, Internet Explorer doesn't) but all do support event bubbling, which is why it is the phase used to bind handlers to events in all cross-browser abstractions, jQuery's included..

Т.е. на дворе 2011 год, модель событий от w3c опубликована в 2000, но в ИЕ не реализована. Жаль, была мысль перехватить событие на уровне документа до поступления в элемент.

один браузер

сегодня на баше 409510

Зашел как-то разговор о мечтах. Спрашиваю у друга веб-дизайнера:
я: а о чем мечтаешь ты?
он: чтобы в мире существовал только один браузер...

Наивно, размер отображаемого шрифта зависит от указанного в последнюю очередь, а сначала: разрешение экрана, хинтинг, алиасинг (это в поддеоживающих ОС), особенности файла шрифтов. В итоге один и тот-же браузер на разных компах выдаёт разный шрифт..

почитать

2011 год на дворе..

IE8

• Internet Explorer.
• 8.
• Великий и Ужасный.
• Настройки по-умолчанию.
• Страх и Ужас.
• Его надо уметь готовить.

---

По-умолчанию страницы с узлов интрасети отображаются в "режиме представления совместимости". Т.е. как в IE7. Не смешно, зачем тогда 8? К интрасети относится и локальный веб-сервер. Зато можно сойти с ума, сравнивая страницу с инет-сервера и локального.

Настройка:

Меню "Сервис" > "Параметры режима представления совместимости" > "Отобразить узлы интрасети в режиме представления совместимости".

---

IE8 (в режиме IE8:) умеет такой CSS:

#id {
  display:table-cell;
  vertical-align:middle;
}

только нужно указать подходящий тип документа, например:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
  <title>  </title>
  <meta http-equiv="Content-Type" content="text/xml; charset=UTF-8" />
  <meta http-equiv="Content-Language" content="Russian" />
.....

---

Настройка Firefox

Add-ons

Из всего многообразия https://addons.mozilla.org/en-US/firefox сегодня использую:

• Adblock Plus
• Firebug
• Firecookie
• FlashGot
• KeySnail (устарел с Firefox 4.0)
• Mozilla Archive Format (сменил UnMHT)
• SkipScreen
• Status-4-Evar (с Firefox 4)
• TinEye Image Search
• Tree Style Tab
• Xmarks
• Russian Hunspell dictionary by Александр Клюквин. Создан на основе словаря Лебедева.

2010-01-31

Некоторые модули гадят, так, FlashGot (1.2.1.10) творит ексепшены наблюдаемые в консоли и Firebug.

[Exception... "'JavaScript component does not have a method named: "onLocationChange"' when calling method: [nsIWebProgressListener::onLocationChange]" nsresult: "0x80570030 (NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)" location: "" data: no]

Обещали исправить. FlashGot Development

2010-05-15

Список пополнился редактором клавишных сочетаний, а CHM-просмотрщик теперь отдельный.

2011-04-08

Дополнения замедляющие работу

2011-04-14

Разборки с замедлением

Aдресная строка

С форума. Варианты поиска из адресной строки задаются как значение параметра keyword.URL в интерфейсе about:config

• Нигма: http://www.nigma.ru/index.php?s=
• Яндекс, был в настройках: http://yandex.ru/yandsearch?stype=first&clid=46511&text=
• Google, "Мне повезёт": http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q=

Мелочи

Настройки на странице about:config

• Сохранять кирилические ссылки
  network.standard-url.escape-utf8 = false
• Отключить управление цветом
  gfx.color_management.enabled = false (Firefox 3.5)
  gfx.color_management.mode = 0 (Firefox 4.0)

Ссылки

• Настройка интерфейса Firefox 4
• Ускоряем запуск браузера FireFox
• Firefox: issues & solutions
• wiki.archlinux.org: Firefox
• wiki.archlinux.org: Firefox(Русский)