Если задать transition и тут же задать трансформируемое свойство - оно применится без трансформаций. Потому как стили, так сказать, обновляются транзакциями.

Чтобы завершить "транзакцию", нужно вызвать рекалькуляцию (вроде бы) стилей. Допустим обратившись к offsetWidth элемента. Честно говоря не знаю как правильно делать.

Решетку забыл)
function randomRGBColor() {
return '#' + Math.round(Math.random() * 0xFFFFFF).toString(16);
}

не из - за этого -- я проверял этот вариант пришлось отказаться - при выдаче 5 цифр скрипт падает

Во-первых, скрипты надо ставить туда не для того, чтобы обойтись без load события, а чтобы не блокировать отображение страницы.

Ну а во-вторых, покажи пожалуйста живой сайт, где применяется твой селектор для выборки в querySelector?

Да, уже понял. Косяк конечно. Надо еще pad функцию, чтоб выравнивать нулями.

function randomRGBColor() {
    return '#' + ('000000' + Math.round(Math.random() * 0xFFFFFF).toString(16)).slice(-6);
}

:dance:

Был бы метод String.prototype.padLeft - получилось бы гораздо лучше.
Ну вот почему его нет? Почему методов встроенных - кот наплакал?

Репорть в багтреккер - посмотрим че скажут. Хотя возможно придется пару лет этого ждать )

danik.js,
может подскажешь как в firebug firefox редактировать скрипт есть ли вобще там такая возможность, чтоб увидеть изменения на лету -- чтоб обновил страницу и она подхватила внесённые изменения и как потом вернутся к исходному состоянию скрипта.
(в гугле да забанили, может со слов быстрее пойму)

нет.

:cray: ок

рони,
почему бы тебе не редактировать локальную HTML-страницу, и после сохранения просто обновлять (в любом браузере). Чем это будет отличаться от того, что ты хочешь? Тем что между окнами надо переключаться?