yarixxx Голосов: 2 Адрес блога: http://yarixxx.livejournal.com/ Добавлен: 2010-03-10 17:19:20 блограйдером yarixxx

CDN для JavaScript-библиотек и фреймворков от Яндекс

2010-07-12 11:44:51 (читать в оригинале)

Не претендуя на оригинальность, все таки хочу сделать заметку о CDN от Яндекса (потом пригодится).

Преимущества использования CDN (относится к любым CDN, а не только к Яндексу).

• На мой взгляд преимуществом CDN Яндекса является возможность подключать библиотеки по статическим путям. У Гугла я этого найти не смог.
• Вторым, сомнительным преимуществом, является больший ассортимент библиотек. Все равно будешь использовать только одну библиотеку, ну максимум две.

Как подключить (подробное руководство Яндекса)?

Моя заметка про подключение jQuery через CDN гугла UPDATE: Подробный обзор CDN от популярных поставщиков

---

HTML5: Пару слов про WebSockets

2010-07-12 10:14:50 (читать в оригинале)

Кроме WebWorkers в HTML5 есть WebSockets. Включены на данный момент они только в Chrome, но из-за каких-то неполадок сокеты там сразу закрываются и в результате срабатывает только обработчик onclose. Наверно это скоро починят, а может у меня просто не совсем прямые руки.

В Firefox 3.6 и Opera 10.53 не включены. Про IE вы и сами все знаете, обещают только в IE9.

Мой скромный тестик увы не срабатывает, но я надеюсь, что скоро он заработает.

Материалы по теме:
Солидный материал на хабре
Пара записей о WebSockets в блоге Chromium

---

HTML5: А в Firefox 3.6 уже есть FileReader

2010-07-09 13:02:57 (читать в оригинале)

Сегодня утром я прочитал статью о работающем FileReader в Firefox 3.6 и сразу решил попробовать.

Суть FileReader в том, что он позволяет работать с локальными файлами до их попадания на сервер. Где это может быть полезно?
Самый попсовый пример: просмотр изображений перед тем, как отправлять их на сервер. У Яндекса это сделано в варианте flash-приложения, а в будущем можно будет обходиться без этого.

Кратко и по делу:
if (!!FileReader) {
    var reader = new FileReader();
    reader.onload = function() {
        // reader.result - вот тут содержится загруженная информация
    }
    reader.readAsDataURL(f); // В параметре f передается сам файл
}

Что это за параметр такой "f"?
var f = document.getElementById("data").files[0];
где контрол на сайте выглядит так:
<input type="file" id="data" />

Работающий пример

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

Заметка про FileAPI в Firefox

---

HTML5: Web Workers в действии

2010-07-08 18:21:18 (читать в оригинале)

Предыстория

Раньше, когда деревья были большими, во всех браузерах у JavaScript был только один поток вычисления. Иными словами, если мы запускали что-нибудь очень тяжелое, то теряли управление до тех пор, пока все не выполнится. Продвинутые разработчики естественно:

• выносили весь JS-код во внешние файлы,
• учитывали сколько потоков загрузки с домена может быть у браузера одновременно и объединяли несколько файлов в один,
• использовали маленький загрузчик, который в свою очередь по setTimeout уже подгружал оставшиеся 30-40Кб кода (таким образом удавалось раньше отобразить страницу, пусть и с ограниченным функционалом),
• тяжелые операции разбивали на сегменты и выполняли их через интервал времени (setInterval),
• написание offline приложений вообще было отдельным искусством, а уж если приходилось писать приложения для неустойчивых соединений, то это уж совсем шаманство.

Однако суровые времена средневековья проходят. Теперь, в наиболее современных браузерах, появляется поддержка HTML5 и в частности Web Workers. Потоков вычисления может быть несколько.

Обновленные подробности о Web Workers

 

 

---

Генератор названий блюд

2010-07-06 15:21:21 (читать в оригинале)


Вчера вечером удалось наконец заняться «Генератором названий блюд». Его идея возникла после того, как я в который раз проявил полное отсутствие фантазии в ответе на вопрос: Что тебе приготовить на ужин(обед)?

Уже несколько лет я не возвращался к генераторам текстов, но тут что-то меня пробило. Этот новый генератор я буду еще постепенно дорабатывать, а в комментариях буду рад получить немножко обратной связи.

Как и всегда язык реализации PHP.