JavaScript использующий ресурсы GPU

Опубликовано TermiT Янв 28, 2010 в JavaScript, Web 2.0 |

Я уважаю таких программистов как Алексей Митцев (Россия, Москва). Он победил на контесте Mozilla Jetpack 0.5, его проектом был прототип позволяющий JavaScript использовать ресурсы GPU.
Работа Алексея — это альфа-прототип, демонстрирующий потенциал проекта. Для работы нужна специальная сборка Firefox, потому показать работу проекта в действии тяжело. Однако, можно продемонстрировать принцип работы. Вот пример транспонирования матрицы со скоростью света:

JavaScript:
  1. jetpack.statusBar.append({
  2. html: «Transpose!»,
  3. onReady: function(widget){
  4. $(widget).click(function(){
  5. var myStorage = jetpack.cuda-storage;
  6. var matrix = new Array();
  7. var size = 32;
  8. for(var i=0; i
  9. array[i] = i;
  10. var transposedMatrix = myStorage.transpose(size, matrix);
  11. transposedMatrix.forEach(function (v) { console.log( v ); })
  12. });
  13. });

Далее

Я проверяю свои сайты на корректность отображения в 32 браузерах. А ты?

Опубликовано TermiT Фев 4, 2008 в How To, Web 2.0 |

Каждый «нормальный» веб-разработчик проверяет свои работы на корректность отображения в различных браузерах, ну покрайней мере трех (Opera, Firefox, Internet Explorer), но не стоит забывать про то, что у каждого из браузеров огромное количество версий отображающая страницы иначе и это не говоря уже о различие в отображении на разных платформах. Так как же быть?

Если вы задайтесь этим вопросом, то вам прямая дорога на BrowserShots. BrowserShots делает скриншоты вашего сайта в разных браузерах. Это бесплатный open-source сервис, созданный Johann C. Rocholl. Когда вы отправляете адрес свого сайта, он добавляется в очередь. Несколько различных компьютеров откроют ваш сайт в своих браузерах. Затем они сделают скриншоты и загрузят их на центральный сервер. Можно указать какие имеено браузеры вас интересуют (всего их 32, на Linux: BonEcho 2.0, Dillo 0.8, Epiphany 2.14, Epiphany 2.20, Firefox 1.5, Firefox 2.0, Firefox 3.0, Flock 1.0, Galeon 2.0, GranParadiso 3.0, Iceape 1.1, Iceweasel 2.0, Kazehakase 0.5, Konqueror 3.5, Minefield 3.0, Navigator 9.0, Opera 9.25, Opera 9.50, SeaMonkey 2.0; на Windows: Firefox 1.5, Firefox 2.0, Firefox 3.0, MSIE 5.0, MSIE 5.5, MSIE 6.0, MSIE 7.0, Safari 3.0, на Mac OS: Firefox 2.0, Safari 1.3, Safari 2.0, на BSD: Opera 9.25) а также указать дополнительные опции: разрешение, версию JavaScript, влючен ли Flash и Java.

Благодаря этому сервису я узнал, что не один из MSIE правильно не показывает левую колонку моего блога, а также в FF 1.5 под Windows почему то не отображает блок «Обо мне». Смотрите сами.

Также весело смотрятся попытки браузеров отрендерить всем известные тесты на совместимость стандартам Acid2 и Acid3. Пока лидирует Opera, а в спину ей дышит Firefox 3.0

Далее

Самые полезные разширения к Firefox

Опубликовано TermiT Дек 15, 2007 в Web 2.0 |

Как вы понимаете это субъективное мнение, но возможно кое кто найдет, что-то полезное для себя в этом посте...

Adblock PlusAdblock Plus (Установить) — наверное, один из самых популярных плагинов к Firefox, что в принципе вполне понятно, так как он помогает избавится от назойливой рекламы в любом виде. Но тут вступает в дело так сказать этическая сторона: ведь многие товарищи блогеры зарабатывают на кликах по рекламе... Лично я решил так, что те блоги, которые я посещаю регулярно, буду добавлять в фильтр Adblock Plus :) Может быть это конечно глупо, но меня устраивает.

ColorZillaColorZilla (Установить) — это реализация так называемой «пипетки», которая служит для определения цвета находящегося под курсором. Бывает нужно скопировать цвет элемента, но лезть в код не хочется, спасает «пипетка». Также плагин предоставляет кучу функций по преобразованию в разные формы представления цвета и тому подобное...

Extended Statusbar (Установить) — этот плагин добавляет в строку состояния информацию о количестве загруженных изображений, скорость и время загрузки страницы. Статистика никогда не бывает лишней.

Fancy Numbered TabsFancy Numbered Tabs (Установить) — про этот экстеншен я прочитал на каком-то блоге, не помню уже на каком, но идея мне понравилась: на каждом табе вместо красных крестов появляются цифры, также добавляются горячие клавиши для перемещения по табам: CTRL + [1-8] или Alt + [1-8]. Удобно.

FirebugFirebug (Установить) — расширение являющееся консолью, отладчиком, и DOM-инспектором Javascript, DHTML, CSS, XMLHttpRequest. Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что CSS-правило или Javascript-метод/свойство, которое вы пытаетесь использовать, не существует. Вообщем, я даже не знаю как я бы без него жил. К этому расширению есть дополнение разработанное парнями из Yahoo! — YSlow, измеряющее скорость загрузки страницы и её отдельных компонентов. Кроме измерения скорости, проводится анализ всех компонентов: есть ли заголовки, вынесены ли стили и скрипты в отдельные файлы, используется ли компрессия, перенаправления, анализируется даже взаимное расположение компонентов на странице и даются рекомендации по оптимизации, основанные на собственных исследованиях и тестах Yahoo! в этой области. Информация на русском о Firebug.

Firefox Google Bookmarks (Установить) — добавляет в основное меню Firefox подменю для интеграции с Гугловыми закладками. Кроме возможности добавления/редактирования/сортировки закладок есть и импорт/экспорт нативных Firefox'овых закладок.

FireFTP

FireFTP (Установить) — это полноценный ftp-клиент прямо в браузере.

Кроме того он обладает рядом полезных фич, таких как сравнение директорий, удаленное редактирование, SSL шифрация и т.д.

FireShotFireShot (Установка, только для windows :- ( -это дополнение к обозревателю Mozilla Firefox, которое позволяет создавать скриншоты открываемых вами страниц. В отличие от других средств подобного рода, это дополнение предоставляет в распоряжение пользователя целый ряд инструментов для редактирования скриншота и добавления графических и текстовых аннотаций. Подобная функциональность будет полезна для веб-разработчиков, тестеров и редакторов. Скриншоты могут быть сохранены на диске (в форматах PNG, JPEG, BMP), скопированы в буфер обмена, отправлены по электронной почте или экспортированы во внешний редактор для последующей обработки.

GreasymonkeyGreasemonkey (Установить) — это расширение предлагает вам широкие возможности доработки внешнего вида и функционала веб-сайтов с помощью скриптов, которых уже написано, наверное больше десятка тысяч. Также вы сами можете написать скрипт, ведь эти скрипты не что иное как JavaScript.

Ну на сегодня хватит, продолжение следует :)

Далее

Просмотр исходного текста в Firefox

Опубликовано TermiT Ноя 29, 2007 в How To |

Вас раздражает, когда в Firefox'e после нажатия на «Ctrl+U» (Меню -> Вид ->Показать исходный код) открывается новое окно? Тогда я ваш спаситель :) Просто перенесите на панель браузера следующий линк:

Переключиться на исходный код

И при нажатии на него исходный код будет отображаться в том же табе, что и страница. Нажав снова вы вернётесь к исходной страницы.

Вот такой маленький трикс :)

Далее

SEO Quake — плагин Firefox для SEO мастеров

Опубликовано TermiT Ноя 10, 2007 в Web 2.0 |

SEO Quake — это невероятно мощный плагин (кстати, есть версия и для IE). Он состоит из двух составляющих, первая из них SEOBar: набор «индикаторов», которые располагаются (по вашему выбору) либо в строке состояние, либо отдельной полосой в виде панели инструментов. Индикаторы отображают Google Page Rank, Google Index, Yahoo links, Yahoo linkdomain, MSN index, Alexa rank, Whois button и т.д. Естественно набор индикаторов легко настраивается.

Вторая составляющая этого чудесного плагина: это возможность встраивания аналогичных индикаторов прямо в выдачу поисковика, но это еще не все: предоставляется возможность отсортировать серпы по всевозможным параметрам. Самое приятное в том, что плагин позволяет сохранить результаты анализа выдачи сохранить в *.csv файл. Кстати, совсем забыл сказать, что seo quake также поддерживает и русские поисковики: Yandex, Rambler, WebAlta.

Обо всех остальных возможностях плагина можно почитать на русском тут.

Далее