Оказывается, что 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;
};

описание

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

Вот к чему был предыдущий пост (не, я не пытался нагонять интригу, я просто доделывал).

Мой друг Romiz пару раз подгонял мне идею про, так называемое, облако картинок. Т.е. как облако тэгов, только вместо слов – изображения.

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

Итак:

• phpImageCloud – главная страница
• Static demo – картинка из предыдущего поста, только рабочая
• Client-side demo – это опять таки по напрягу Romiz’а, анимация с jquery. Попробуйте, выгребать свой блог из кучи соседей – довольно занятное дело, имхо.

Все чуствует себя GNU GPL, живет на sourceforge (кстати, еще один мастевой способ меньше переживать за жесткие диски).

Скачать, если кому интересно.

Тема

• Гармонизируем selectbox с jquery (демо)
• Туториал по написанию арканоида с prototype’ом
• Куча способов забацать круглые углы

Не совсем

• Как правильно резать арбуз..
• Экспериментально искусство улиц

Как сделать индикатор сложности пароля? Вот такой? Вот так. Или так.

Как красиво перевести «Misunderstood»?

Так вот, Яваскрипт – наиболее мисандрестуд язык ever.

На mozilla.org появилась статья, вроде введения в яваскрипт, но со многими моментами и замечаниями, которые будут интересны и опытным разработчикам.

Например, вот, как элегантно:

for (var i = 0, item; item = a[i]; i++) {

    // Do something with item

}

A re-introduction to JavaScript

Ну ничего себе, что я обнаружил этой ночью. Плоттер функций на канвасе аля 80-е с зумом. Но самое прикольное – что он использует мой скрипт. Вот так вот. Я очарован

Да, вот и такое можно:

<hx:include src="http://foo.com/purple.html#nid32" />

<hx:include src="http://foo.com/bar.html#xpath!/p[2]" />

PurpleInclude

Не могу ничего существенного родить, ну и ладно. Несколько ссылок:

Csssprites – компилим картинки в одну, дабы юзать через css

ParseURL на яваскрипте – ParseURL на яваскрипте :) демо

Google HTTP geocoding – разводим гугл на координаты местности

Aptana iPhone – плагин к aptan’е, дабы создавать и тестировать под iPhone

История фотошопа – что за нерусское слово и кто его изобрел

На about.com сказали, что могут поставить пиво тому кто придумает, как md5 на стороне клиента может улучшить безопасность системы. Мне в голову тоже ничего, кроме извращений типа двойного хеширования не приходит. Но тем не менее:

md5  sha1

Magic DOM – javascript библиотека размером в 2k для создание элементов документа. (скачать)

Без нее:

var dl = document.createElement(‘dl’);
dl.className = ‘my_dl’;
var dt_equ = document.createElement(‘dt’);
dt_equ.innerHTML = ‘Equipments’;
dt_equ.className = ‘my_dt’;
dl.appendChild(dt_equ);

С ней:

var dt_equ;
var dl = DL({‘class’: ‘my_dl’},
dt_equ = DT({‘class’: ‘my_dt’}, ‘Equipments’));