GMail Арт

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

Только не пишите мол баян, я только 5 минут назад посмотрел. :)

Fork me on GitHub Далее

gearsAJAXHelper: Использование Google Gears вместе с AJAX API для ускорение работы

Опубликовано TermiT Фев 27, 2008 в JavaScript, Web 2.0 |

Как известно Google Gears предоставляет API разработчикам для добавления возможности оффлайновой работы с вебприложениями. Также Gears можно использовать для ускорения загрузки вашего сайта. Для этого Ben Lisbakken предлагает использовать его разработку gearsAJAXHelper:

Мы решили, было бы здорово написать небольшую библиотеку, облегчающую работу с Google AJAX API при создании приложений с поиском. gearsAJAXHelper имеет две главные особенности: она позволяет сохранять пару(ключ — значение) в локальной (на стороне пользователя) базе данных и дает возможность выбора типа ресурса (файлы стилей, изображения, js-скрипты, html файлы) для автоматического локального кэширования с помощью Gears.

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

Автоматическое кэшерование ресурсов (которое является опциональным) позволит ускорить загрузку вашей веб-страниц в целом. Также имеется функция обновления, чтобы избежать эффекта «протухания» кэша.

Вот пример приложения, которое использует gearsAJAXHelper при загрузки поисковой выдачи.

В примере можно найти что-то подобное следующему куску кода:

PLAIN TEXT
JavaScript:
  1. gearsAJAXHelper.initialize(«election», «election», false);
  2. gearsAJAXHelper.storeKeyVal(key, value);
  3. gearsAJAXHelper.returnKeyVal(key);
  4. gearsAJAXHelper.refresh();

Видете, как все просто :)

via

Далее

Сравнение Plone, Django, TurboGears, Ruby on Rails и J2EE

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

Случайно наткнулся на очень увлекательный видео «Better Web Application Framework», скринкаст хоть и не новый (2006 год), но описывает самые интересные моменты и основные принципы в использовании каждого из фреймворков, которые, в принципе, не изменились и по сей день. Sean Kelly (атор видео-презентации) после каждого примера приводит таблицу результатов, где отмечены следующие характеристики: количество затраченного времени на создание тестового приложения, количество строк кода, количество редактируемых файлов конфигурации и xml файлов, удобство работы, простота обучения, качество документации и т.д. Самое интересное, что автор не навязывает мнение и даже не отвечает на вопрос: «какой же фреймворк лучший?», а просто предоставляет сводную таблицу в конце ролика, позволяю зрителю самому сделать вывод. Советую! Не пожалеете своего трафика и времени.

Далее

Extjs 2.0.2

Опубликовано TermiT Фев 25, 2008 в JavaScript, Web 2.0 |

Обновился термоядерный javascript фреймворк extjs. Одно из главных обновлений более тесная интеграция с AIR runtime. В модуль Ext.air добавлен следующий функционал:

  • Возможность работы с нативными окнами windows
  • Использование нового метода доступа к базе данных представленый в AIR Beta 3
  • Нативный drag&drop, использование родного буфера обмена
  • Проигрывание звуков
  • Сворачивание приложений AIR в системный лоток (tray), пример
PLAIN TEXT
JavaScript:
  1. var win = new Ext.air.NativeWindow({
  2. id: 'mainWindow',
  3. instance: window.nativeWindow,
  4.  
  5. // System tray config
  6. minimizeToTray: true,
  7. trayIcon: 'ext-air/resources/icons/extlogo16.png',
  8. trayTip: 'Simple Tasks',
  9. trayMenu : [{
  10. text: 'Open Simple Tasks',
  11. handler: function(){
  12. win.activate();
  13. }
  14. }, '-', {
  15. text: 'Exit',
  16. handler: function(){
  17. air.NativeApplication.nativeApplication.exit();
  18. }
  19. }]
  20. });

Также были добавлены следующие виджеты:

ListTree:

Custom Grid Columns, позволяющий встроить кнопки или меню в нужную ячейку:

Switch:

via

Далее

Удобство для безумных блоггеров

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

Постить в основной блог (не микроблог) с помощью телефона безумие? Возможно. Для таких гиков, как я есть плагин WPhone. Плагин работает в двух режимах: с модными эффектами для iphone и прочих коммуникаторов и упрощеный вариант для обычных телефонов. Имеется русскоязычный интерфейс. Я очень загорелся идеей постить с телефона. Буду пробовать.Полнофункциональный вариант (iphone):

 

 

Упрощенный вариант (без JavaScript):

 

 

Урезанный вариант (без CSS и JavaScript, наMotorola v551) :


Далее

Я проверяю свои сайты на корректность отображения в 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

Далее