При разработке одного сайта столкнулся с необходимостью проверить работу функции window.open в разных браузерах. Результаты решил оформить и выложить, глядишь кому понадобится, а кто и дополнит, что ещё лучше…

Для тестирования использовались: FireFox 3 beta 3, Netscape Navigator 9, Internet Explorer 6, Opera 9 и Konqueror 3.5 (тест Safari отдельно, в конце топика). При этом FireFox 3 тестировался в двух конфигурациях: по умолчанию и c TabMixPlus (с разрешением открывать popup-ы в новых окнах). Рабочая среда: KDE 3.5 на Debian.

Вчера ночью мне не спалось, и я решил сделать что-то полезное (в кои-то веки). Поскольку приносить пользу окружающим можно лишь принося пользу себе, я попытался облегчить себе жизнь: создать плагин, мониторящий изменение некоторых чисел на одной странице (нечто вроде «количества непрочитанных комментариев в топиках, за которыми следишь» и «количества писем», если больше нуля — повод пойти и прочитать эти новые комментарии. Эти числа выводятся на двух известных коллективных блогах вверху страницы, но узнать об их изменении их состояния можно лишь обновив эту страницу — никакого механизма почты-rss-и т.п. не предусмотрено. Ну, надеюсь, понятно объяснил). Через полтора часа была готова более-менее стабильная версия плагина, и я буду рад рассказать вам о том, как повторить мой подвиг в любое время года.

Итак, на повестке дня: Создаем плагины для FireFox быстро и чисто.

Вышла новая игра FireNes, которая дарит геймерам возможность играть в 2500(!) различных игр Nintendo. Игрокам не понадобятся загрузки, программы-эмуляторы или постоянные запоминающие устройства. Будьте готовы к тому, что вы «привяжитесь» к FireNes, позабыв про все на свете.

Честно скажу — люблю Firefox. Люблю еще с тех времен, когда никакого Fx и в помине не было, зато был движок Gecko на котором работал Netscape Navigator, отныне павший в войне браузеров и официально прекращающий свою разработку и поддержку с конца 2007 года. Но не будем о грустном, сегодня доля Fx в России около 15 процентов (примерно столько же имеет и любимая многими Opera), а в Европе по некоторым данным и все 30, на сегодняшний день загружено почти 500 миллионов копий по всему миру. С каждым днем эти цифры постоянно увеличиваются.

Как известно, Fx поддерживает расширения, которые могут изменять и дополнять любую деталь как самого браузера, так и содержимого просматриваемых сайтов. Итак, свежее меню моего Firefox:

• Adblock 0.5.3.043 — баннерорезка
• Context Search 0.4.1 — выпадающее меню поисковиков по правой кнопке мыши в контексте страницы
• CustomizeGoogle 0.68 — гуглотюнинг
• Deepest Sender 0.8.0 — блог-клиент
• del.icio.us Bookmarks 1.5.44 — социальные закладки в браузере
• Download Statusbar 0.9.5.2 — интерфейс качалки в статусбаре
• Flashblock 1.5.5 — флэшстоппер
• Gmail Notifier 0.6.2.2 — gmail-уведомлялка
• ImgLikeOpera 0.6.15 — экономия трафика на картинках
• InfoLister 0.9f — генератор списка установленных плагинов и тем
• Locationbar² 0.7.2.1 — удобная адресная строка
• Magic's Video — Downloader 1.5.311207 — флэш-качалка
• MinimizeToTray 0.0.1.2006102615+ — сворачивание в панель задач Виндоус
• OpenSearchFox 0.1.5 — добавление поисковиков из любой формы поиска
• Organize Search Engines 1.1.2 — организация поисковиков с помощью разделителей и папок
• Paste and Go 2 0.8 — вставить и перейти (фишка opera)
• PDF Download 1.0.0.0 — pdf-качалка
• Restarter 1.0 — рестартер
• Sxipper 1.2.4 — паролевставлялка
• Tab Mix Plus 0.3.6 — настройка работы табов

Я знаю, что многие из вас об этом мечтали! Совершилось! :)

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

Хочу поделиться эффективным способом резко повысить свою продуктивность.

Сегодня же мы поговорим об очень простой утилите, но тем не менее которая может стать вашим постоянным и надёжным другом и помощником.

Из всех видов тестирования веб-приложений, самым, по моему мнению, востребованным и распространённым, является тестирование работы системы у пользователей с различным каналом доступа. Ну, может быть, кроме теста совместимости в разных браузерах. И так, нам почти в каждом проекте нужно или очень желательно посмотреть, как люди с разной скоростью подключения будут видеть наш проект. Особенно это касается веб-приложений — от этого иногда зависит вообще работоспособность проекта, в частности, когда загружаются большие AJAX-библиотеки и проект часто взаимодействует с сервером. Вот как раз для таких случаев есть проект Sloppy.

В какой-то момент меня разочаровали Web 2.0-сервисы. Перечитывая обзор очередного стартапа можно было заметить или полную его клоновость или бесполезность. И потому я был весьма скептически настроен, когда знакомый кинул мне инвайт на Evernote — сервис хранения записок (notes). Просмотрев вступительный ролик я понял, что эта штука очень полезная и наконец, у меня появится полноценная записная книжка на рабочем столе. И не просто записаня книжка, а книжка с уникальными возможностями.

В моем проекте очень много классов взаимодействуют на клиентской части. Каждый класс лежит в отдельном файле для удобства разработки. Хорошей практикой для увеличения скорости загрузки страницы, является уменьшение количества запросов к серверу. Поэтому чем меньше файлов и рисунков включать в страницу тем быстрее она загрузится. В случае с рисунками – СSS спрайты помогут уменьшить количество запросов. А в случае с js и css файлами – это конкатенация файлов и сжатие. Об этом и поговорим.

Очень удобный инструмент с открытым исходным кодом js-builder



Отличный инструмент для того чтоб сформировать в правильном порядке конкатенацию файлов. Работает с любыми расширениями, которые задаешь. Также сжимает js.
В моем проекте я использую библиотеку prototype.js. Билдер при сжатии прототайпа выдает эксепшн. Поэтому я скачал исходники и перебилдил так чтоб билдер занимался только конкатенацией без сжатия. Пересобранную длл, можно скачать тут
Билдер также содержит консольное приложение. А это то что нужно для билда.
Далее необходимо сделать компрессию файлов которые сгенерирует билдер.
Для этой цели я использовал YUI Compressor. Отличная библиотека с высокой степенью сжатия.
Осталось только как то автоматизировать процесс сборки. Для этого я написал batch файл (я в виндовс работаю).
Выглядит он (build.bat) примерно так
set path1=D:\Projects \build\

%path1%JSBuilder\JSBuildConsole.exe /path=%path1%MyHeritageBuild.jsb

java -jar %path1%yuicompressor-2.3.1\build\yuicompressor-2.3.1.jar
%path1%build\output_file_from_js_builder.js -o %path1%target-min.js

java -jar %path1%yuicompressor-2.3.1\build\yuicompressor-2.3.1.jar
%path1%build\style-all.css -o %path1%style-all-min.css


В моем случае джс билдер на выходе дает 2 файла — css и js, а компрессор их сжимает.
Надеюсь это поможет вам создать удобный процесс сборки файлов.

Эту статью я взял из своего техноблога на сайте www.kigorw.com

Сделали стартап для обслуживания посетителей сайта. Идея простая – заменить icq-консультирование на сайтах хостеров и магазинов нашей системой «Веб Мессенджер» или поставить тем, у кого не было никакого онлайн-консультирования :)
Наша система удобнее тем, что посетителю не нужен клиент типа icq, jabber для того, чтобы поговорить с оператором. Кроме того, операторов может быть несколько, и посетители попадают в очередь ожидания, откуда операторы их и берут.

Посмотреть все это в действии можно на сайте http://webim.ru просто нажимаем на кнопку справа сверху, кнопка такая же как в посте, только работает :) сюда работающую никак не воткнуть.

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

Будем очень признательны за любые мнения, предложения и замечания!

Сайт odnoklassniki.ru имеет удивительную систему авторизации и использования сессий. Например, тут можно почитать об удивлении людей, прошедших по ссылке в посте (И ни в коем случае не ходите сами!): dolboeb.livejournal.com/1076635.html?thread=39293851#t39293851

А еще очень интересны куки, которые этот сайт прописывает к вам. Посмотрите — мне лично не понравился этот мусор.

Интересно — кто вообще так делает сайты?

На днях, Microsoft открыла для публичного тестирования свою версию сервиса для вебмастеров. Теперь, у всех крупнейших игроков поискового рынка теперь есть свои собственные сервисы для владельцев сайтов.
У Google — Google Webmaster Tools
У Яндекса — Яндекс.Вебмастер
У Microsoft — Live Search Webmaster Center
У Yahoo — Yahoo Site Explorer

Добавляя свой новый сайт во все эти сервисы, мне пришла в голову следующая идея. Почему бы не создать веб-проект, который сможет объединить все эти сервисы в рамках одного сайта? Получился бы очень полезный стартап.

*Преамбула*
В связи с глобальной тенденцией перехода умных людей на Jabber, и инертного сопротивления этому переходу людьми, привыкшими к ICQ, было принято решение написать качественную аргументированную статью, о том, почему же все таки стоит сменить средство общения.
Итак, статья:


Для многих из нас ICQ является синонимом слов «общение в интернете», мы используем его по делу и для развлечения, находим с его помощью новых друзей и поддерживаем связь со старыми. За годы использования этой программы накопились сотни контактов в списке и длиннющая история переписки. В общем, все вроде бы устраивает, и идея перейти на что-то новое сразу наталкивается на логичный вопрос: «А зачем? Мне и так неплохо».

Итак, Jabber — это не очередной ICQ-клиент. Это система онлайн-общения нового поколения.
Она пришла на смену устаревшим месенджерам, место которых уже давно на интернет-свалке.

sNews одна из самых компактных CMS размером всего в 100 КБ php кода. Её компактность никак не пошла в ущерб её функциональности и является одной из самых оптимальных для создания простой персональной странички или маленького блогистана.

Примечание: ниже перевод статьи «Ajax Best Practices: Don't Break Bookmarks», посвященной решениям, позволяющим пользователям корректно добавлять в закладки страницы сайта, сделанного при помощи AJAX-методов. Я постарался дополнить ее по мере сил, опираясь на обсуждение предыдущей статьи из серии.

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

Примечание: статья посвящена обзору проблемы неработающей кнопки «назад» в браузере при использовании AJAX-методов для передачи содержания страниц от сервера к клиенту. В статье рассматриваются основные принципы работы AJAX и возможные пути решения заявленной проблемы. Курсивом даны мои комментарии.

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

Примечание: ниже перевод статьи «Presentation Layer Performance Tuning», в которой затрагиваются основные аспекты оптимизации загрузки веб-приложений и предлагаются некоторые практические советы.

Обычный разговор про увеличение скорости работы веб-приложений сводится к обсуждению задержек при передачи информации между сервером и клиентом, оптимизации базы данных и времени, потраченного сервером для обработки и отправки HTML клиенту.

Эти процессы, однако, только частично затрагивают то время, которое клиент тратит на ожидание загрузки страницы в окне своего браузера. Большая часть времени тратится на загрузку, кеширование и отображение JavaScript, CSS и картинок (прим.: не-HTML файлов). Оптимизация производительности уровня представления (presentation layer) веб-приложений, на самом деле, сводится к двум простых условиям:

• Меньше данных
• Меньше запросов

читать дальше на webo.in →

Преамбула

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

Вышел финальный релиз полезного AddOn'а FireBug для браузера Mozilla FireFox. Крайне полезная для разработчика вещь. Отладка DOM, CSS, JavaScript и прочее, прочее, прочее. Лучше один раз скачать, чтобы сто раз прочесть о нём. :)

Всё о нём на официальном сайте.

Пару дней назад вышел новый релиз 1.5.0 prototype.

Разработчики надстройки Scriptaculous (спецэффекты, контролы, дополнительные утилиты, облегчающие работу) решили поторопиться, и выпустить новую версию своей надстройки.

Собственно версия 1.7.0 вышла. Забираем с официального сайта.

Changelog.