Оказывается, что innerHTML может быть ужасным тормозом, если после его изменения перестраивается dom. Вот такая функция работает намного быстрей:

/* This is much faster than using (el.innerHTML = value) when there are many
existing descendants, because in some browsers, innerHTML spends much longer
removing existing elements than it does creating new ones. */
function replaceHtml(el, html) {
var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
/*@cc_on // Pure innerHTML is slightly faster in IE
oldEl.innerHTML = html;
return oldEl;
@*/
var newEl = oldEl.cloneNode(false);
newEl.innerHTML = html;
oldEl.parentNode.replaceChild(newEl, oldEl);
/* Since we just removed the old element from the DOM, return a reference
to the new element, which can be used to restore variable references. */
return newEl;
};

описание

тестовая страница

YSlow – плагин к firebug’у, который помогает анализировать, почему все так медленно.

Все серьезно, эта штука выдает кучу моментов, о которых я и не подозревал.

Некоторое время назад у меня постоянно чесалась задница в жалких попытках использовать на вэб-страницах извращенные шрифты. Со временем я понял, что это некрасиво и нездорово, но зуд в жопе иногда напоминает о себе.

Вот на днях я осваивал canvas, и очень сильно удивился, не нашел там простого народного TextOut. Может плохо искал, если прогнал – поправте.

Дык вот, небольшая тулза. Создает javascript файл с картинкой шрифта (ограничений по изврату установлено не было). Для opengl было много таких библиотек, которые реализовывали красивый вывод шрифта. Только тут изображение кодируется base64.

В этом же генерируемом файле есть функция для вывода текста в канвас.

ctout_textout(ctx,x,y,str);

ctx – контекст канваса, str – текст.

Давно хотел разобраться с Canvas’ом. Посидел, почитал. Оказалось, что очень полезная вещица. Давно была в моем виш-листе HTML’ю. Разбираться там особо было не с чем, это конечно не рисовать черепашкой, но сложного тоже особо ничего нет. Разве что круглые градиенты – там есть где мозгами пораскинуть.

Вот – сливочное руководство на МозиллаДев 

И в связи с этим написал простенькую игрушку. Идея проста как мир и лишь немногим моложе тетриса: девочка жаждет показать нам свои прелести, но злые цветные кирпичи этого не хотят. Назревает конфликт и приближается развязка.

Ждем когда станет стандартом.

Fireclipse – оригинальное извращение. Позволяет подружить Firefox с Eclipse. Посылает ошибки из браузера в консоль эклипса. Передает номера проблемных строк. Добавляет дополнительную панель в firebug.

Попробуйте.  Или  взгяните на скриншоты.

Был недавно у меня досуг. На досуге решил я сделать нечто, отдаленно напоминающее народную игру учеников начальных классов, в простонародии «Балда». Досуг закончился, а доделать не успел. Русская версия устояла.

Собирался доделать после, да вот подумал, что может и не решусь. К тому же, на phpmagazine запостили ссылку на это дело.

Вот такое вот кино.

Что полезного? Звук через SoundManager , javascript-driven flash-based audio.

Почему не вышло с русским? win1251 не сумел к xajax‘у прикрутить. А с utf нужны mb_ – функции. А у меня на серваке версия меньше. Вот и забил.

Ах, да, работает в firefox.

Оригинальное предложение выдвинул marciak: Создать гимн о файрфоксе. Стихи он писать умеет сам, а вот пацанов с музыкальным образованием ему не хватает.

Есть бойцы на прокачку? :)

Волпапер бонусом: