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

Итак, анонс! Первым пунктом у нас стоит порадовать веб-программистов новой фичей, а именно переводом поста о создании на своём сайте табов с помощью Ajax. Если вдруг кто не знает, табы - это специальные закладки по которым можно переключать панели, содержащие некий контент. Вы можете их увидеть, например, в браузере FireFox или Opera. Почему-то мне кажется, что у моих подписчиков эти браузеры ходят в фаворитах. )

Далее в программе у нас идёт из известных списков лучших веб-приложений 2005 года от Dion Hinchcliffe, возможно вы найдёте для себя новый сервис или увидите лучшие варианты применения современных технологий. Благодаря таким спискам я открыл для себя социум del.icio.us и нашёл в сети несколько гигабайтов для хранения файлов.

И, под конец, я расскажу вам о других полезных переводах и популярных изложениях посвященных новым технологиям веб-программирования.

Автор оригинального текста и скрипта: Mr. Havoc
Переводчик: Андрейчикова Татьяна, icq: 234592858, pretty_super@mail.ru

Ajax табы

CSS – табы на сегодняшний день звучат как «последний крик моды». Лично мне нравится сама идея их существования. Кажется, что самый популярный метод создания табов с использованием CSS – метод Sliding Doors (скользящих дверей). На первый взгляд они кажутся самым привлекательным и лёгким в применении инструментом. Однако, они так … статичны.

Я взял идею Sliding Doors, добавил небольшой java-скрипт и ajax, чтобы всё это выглядело более динамично.

Возможно, первое, что Вы должны сделать – просмотреть демо, чтобы иметь более полное представление, о чём идёт речь.

У ajax-табов есть несколько достоинств:

• Лёгкость в использовании динамичных css-табов. Пользователь может удалять или добавлять табы (или контент) без обновления страницы.
• Возможность определять табы, открытые по умолчанию.
• Возможность для владельца сайта определять, какие табы могут быть закрыты, а какие не могут, после того, как они уже были открыты.
• Возможность назначать табам разные цвета. Это облегчает их группировку по схожим признакам.
• Ценность Ajax. Когда таб открыт, содержание его панели загружается с помощью ajax. Можно будет открыть таб, пока пользователь сфокусирован на другом. Заново открытый таб загружает своё содержимое в фоне и ждёт, когда пользователь активизирует его.
• Каждый таб может иметь свой собственный java-код, который активизируется при определённом событии. Таком, как: Открытие(Open), Закрытие(Close), Уход фокуса (Blur) и Наведение фокуса(Focus).
• Протестированы в работе с Firefox 1.0, 1.5 и IE 6.

Ajax-табы состоят из двух частей - сами табы и панели.

Взгляните на исходники:

• tabs.js
• ajax.js
• tabs.css

Скачайте все файлы, необходимые для демо. (Поскольку демо использует ajax, Вам необходимо разместить эти файлы на Веб-сервере. Они не смогут запуститься локально на Вашей машине, пока не запустится сервер).

Для того чтобы начать, Вам понадобится следующий html-код:

Просто и симпатично. Нужно заметить, что при открытии страницы автоматически вызывается функция OpenTab(). Это функция, которая открывает первый таб. Ниже приведена документация по tabs.js, чтобы было понятно, какие аргументы имеет OpenTab().

Функции tabs.js:

OpenTab(tabId, tabLabel, tabURL, tabIsCloseable, tabColor)

Эта функция создаёт таб или активизирует уже существующий.
TabId – это строка, которую Вы создаёте для того, чтобы позднее получить доступ к табу.
TabLabe – строка, название таба.
TabURL – строка со ссылкой на страницу, которая содержит контент для загрузки с помощью ajax.
TabIsCloseable – булево выражение (истина или ложь), которое определяет, будет ли у таба кнопка “X”, которой можно его закрыть.
TabColor – строка, которая определяет, какую css-группу использовать для этого таба и панели.

CreateNewTab(tabId, tabLabel, tabURL, tabIsCloseable, tabColor)

Вам нет необходимости напрямую обращаться к этой функции, OpenTab вызовет её, если в том будет необходимость. Аргументы такие же, как и у OpenTab().

SetTabURL(tabId, url)

Эта функция позволяет изменить url таб-контента уже после того, как таб был открыт. Изменение url также обновляет контент.
TabId – это переменная того таба, которую Вы сами установили при его создании.
url – url контента.

GetFocusedTabId()

Возвращает tabId активного таба

FocusTab(tabId)

Переводит фокус на таб с Id tabId.

CloseTab(tabId)

Закрывает таб, который имеет id: tabId.

RefreshTab(tabId)

Обновляет контент таба с Id: tabId

TabExists(tabId)

Возвращает значение истина/ложь в зависимости от того, какое tabId у таба.

Обратный вызов событий.

Если страница, на которой открыт один из табов, содержит скрытый div-tab со специально отформатированными javascript функциями, то эти функции будут запускаться ajax-табами. Взгляните на код демонстрационный страницы 3(page #3) ниже:

Название функции для события open: tabOpen[tabId]. Измените [tabId] на реальный идентификатор таба tabId. tabId третьей страницы(Page #3) – это tab_page3, таким образом, название функции открытия tabOpentab_page3. Почему нужно вставлять этот код в тэг div а не в тэг script? Ну, потому что IE не поддерживает его должным образом. Вы не сможете обратиться к элементу script по ID в IE.

Если я что-то вдруг упустил или что-то не так - дайте мне знать. И если кто-нибудь будет тестировать в других браузерах (кроме Firefox or IE), дайте мне знать, как это работает.

Автор оригинального текста: Dion Hinchcliffe
Переводчик: Евгений Кацевман, jandor@yandex.ru, jandor@ylsoftware.com

Лучшие приложения Web 2.0 за 2005

Близится конец года, и пора подводить итоги развития Web 2.0 за последние 12 месяцев. За это время произошло очень много; появилась целая волна инновационных программ высокого качества. Так много, что за всем невозможно уследить. В то время как многие из нас продолжают говорить об идеях Web 2.0, ничем нельзя заменить указание конкретных примеров. И этим заодно отдать должное всем тем ребятам, которые тяжело трудятся, создавая Веб следующего поколения.

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

Наконец, нужное предупреждение: этот список полностью субъективен и любые ошибки или пропуски - моя вина. Вы можете не согласиться (а скоре ее всего, так и будет!) с моим списком приложений.

Однако Сеть работает не только в одном направлении, и если вы перечислите в комментариях все, что я по вашему мнению пропустил, то я буду только за. Пожалуйста, используйте синтаксис Wiki ([url text_desc]) для ссылок, чтобы быть уверенным в том, что вы вставите достаточно хороших ссылок. И, наконец, большое спасибо Kate Allen за помощь в создании этого списка. Наслаждайтесь!

Лучшие приложения Web 2.0 за 2005 год

Категория: Социальные закладки

Лучшее предложение: del.icio.us

Описание: После того, как del.icio.us был куплен Yahoo!, уже имевшим службу социальных закладок под названием My Web 2.0, ничего определенного о будущем этого замечательного ресурса сказать нельзя. Но del.icio.us остается лучшим, самым большим, самым быстрым и самым элегантным сервисом социальных закладок в интернете. На самом деле, del.icio.us это эталон, на который равняются все другие. И так как del.icio.us, кажется, весьма серьёзно воспринимает идеи Web 2.0, то он предоставляет замечательный API, чтобы другие могли строить собственные службы поверх него. Как следствие этого, и еще потому, что сайты социальных закладок оставляют данные публично доступными, мы видим поразительное множество дополнительных служб, которые дробят или как-либо по-другому используют фунционал и содержимое del.icio.us . Если вы, где бы вы ни были, хотите иметь удобный и привлекательный доступ к своим закладкам, то del.icio.us это ваша первая остановка. Лично я не могу жить без облака тегов закладок del.icio.us.

На вторых позициях:

• BlinkList
• Shadows
• Clipmarks

Категория: Домашние страницы Web 2.0

Лучшее предложение: Netvibes

Описание: Число домашних страниц (страниц, с которых начинается просмотр Веба), сделанных на Ajax, стремительно растет. Они позволяют вам просматривать и переупорядочивать нужную вам информацию как вы захотите и когда захотите. И если количество посетителей (траффик) этого блога можно считать (а может и нет!) показателем популярности, то Netvibes – самый популярный, причем с большим отрывом. Существующий на многих языках, с риском использующий интеграцию с Writely, и предлагающий необычайно приятный и хорошо продуманный интерфейс, предоставляющий одну из лучших организаций drag-and-drop на DHTML, Netvibes не особо поддерживается производителем, однако захватил умы из-за своего превосходства. И хотя есть много конкурирующих продуктов больших фирм (вроде Microsoft и Google), все они явно не лучше Netvibes.

На вторых позициях:

• Protopage
• Start

Категория: Сетевые Списки Дел

Лучшее предложение: Voo2do

Описание: Всё больше из ежедневно используемого софта становится сетевым: от обычной электронной почты до сборщиков онлайн-новостей (feed readers). И менеджеры списков дел тоже не исключение. Я пользовался многими из них, и на данный момент для меня лучший – voo2do. Мы с ним на одной волне. Созданный одним человеком, Шимоном Рурой (Shimon Rura) , Voo2do скупо, но очень эффективно использует Ajax и дает вам возможность создавать множество списков дел и управлять ими. С API, имеющимися для доступа к данным или их экспорта в вашу собственную программой и поддержкой Метода Безболезненного Планирования Джоэля Спольски, Voo2do – простой в употреблении продукт, который удовлетворяет нашим нуждам.

На вторых позициях:

• Ta-da Lists
• Remember the milk

Категория: Производство новостей пользователями (Peer Production News)

Лучшее предложение: digg

Описание: digg прекрасно обходится без Ajax. Ведь Ajax – только одна из многих возможных составляющих Web 2.0 . Важная возможность Web 2.0, которую предоставляет digg, состоит в том, что он успешно собирает мнения отдельных людей в коллективный разум. Все новости, которые digg показывает, предоставлены пользователями, которые потом совершают(exert) редакторский контроль, нажимая на кнопки digg напротив тех статей, которые им нравятся. На главной странице отображаются самые популярные на данный момент статьи, выбранные зарегистриованными пользователями. RSS feed digg’а также один из самых популярных в Вебе. Digg вообще настолько успешен, что журнал Wired даже предпологал что он похоронит Shashdot, который тоже дает пользователям возможность присылать истории, но не позволяет увидеть, какие истории были ещё присланы и не дает за них голосовать.

На вторых позициях:

• diggdot.us
• Gabbr.com - a social news community
• Reddit

Категория: Хранение и обмен изображений

Лучшее предложение: Flickr

Описание: Также захваченный Yahoo! но немногим ранее, Flickr – характернейший сайт обмена изображениями. Flickr лишь немного использует Ajax, но этого хватает, чтобы уменьшить количество загрузок страниц и сделать выполнение задач легче. Flickr предоставляет открытый API, подготовленные модели лицензирования для ваших фотографий, расстановку тэгов, большое разнообразие механизмов использования сообществ, и огромный набор дополнений и мешапов (mushup). Если и другие сайты, но пока их нельзя сравнивать с Flickr. Flickr – это афиша Web 2.0 и на то есть серьёзные основания.

На вторых позициях:

• Zoto
• Glide
• Shutterbook

Категория: Сетевое хранилище файлов.

Лучшее предложение: Openomy

Описание: Чем больше приложений мигрирует в Веб, тем важнее становится наличие безопасного места для ваших веб приложений, где они бы могли хранить документы и медийные данные. Есть «цветущая» группа сервисов онлайн-хранения данных, и Openomy – тот, за которым я уже некоторое время слежу. 1Гб бесплатного места и открытый API для программного доступа к файловой системе Openomy , основанной на тегах – вполне достаточно, чтобы иметь безопасное место для хранения документов, где бы вы ни были. Для API есть даже интерфейс к Ruby. В этой области ожидается большое продвижение, особенно когда другие приложения Web 2.0 позволяют вам на выбор подключаться к вашему онлайн-сервису хранения данных и растет желание отдать задачу резервного копирования персональных данных профессионалам.

На вторых позициях:

• Xdive
• Omnidrive
• Allmydata

Категория: Фильтры блогов

Лучшее предложение: Memeorandum.com

Описание: Служба Memeorandum Гэйба Риверы (Gabe Rivera) – движок релевантности, который неустанно следит за положением дел в блогосфере и, кажется, довольно ловко выделяет самые важные посты дня. Растущая нехватка внимания, вызванная огромными потоками информации в современном мире, требует инструментов, которые помогли бы эффективно в ней разобраться. Фильтры блогов – лишь один из основных примеров того, что нас ожидает в будущем. Memeorandum покрывает как политическую, так и технологическую блогосферы, и, надеюсь, покроет в будущем и другие. Если и другие фильтры блогов, но ни один из них не сравнится с memorandum по простоте, элегантности и удовлетворительности результатов своей работы.

На вторых позициях:

• Findory
• topix.net
• Blogniscient
• TailRank

Категория: «Народное» использование Web 2.0

Лучшее предложение: Katrina List Network

Описание: Я уже рассказывал про katrinalist.net в подробном блогпосте немного раньше, но он до сих пор остается одним из лучших примеров «народного» использования Web 2.0. Katrinalist был чрезвычайным явлением, давшим начало пользовательской публикации важной информации о последствиях урагана в Новом Орлеане в 2005-м году. Буквально за несколько дней участники проекта придумали форматы данных XML, разработали агрегацию данных из потоков RSS, и на лету организовали работу волонтеров по сбору данных о выживших со всего Веба. Благодаря этому, десятки тысяч сообщений о выживших были собраны в единую базу данных, так что люди могли быстро их опознать и найти. И все это несмотря на то, что информация распространялась в неструктурированных форматах и ее не собирались использовать повторно. Сердечная благодарность David Geihufe за то, что он сделал возможным появление Katrinalist.

На вторых позициях:

• Democracy 2.0

Категория: Сетевые текстовые редакторы

Лучшее предложение: Writely

Описание: Writely.com – онлайн-текстовый редактор лёгкий при настройке, быстрый, бесплатный(в beta версии) и понятный любому, кто хоть немного работал с MS Word. WYSIWYG редактор позволяет пользователям изменять шрифт, проверять орфографию и вставлять картинки (до 2 Mb). Он также поддерживает установку тегов и котроль версий - замечательная опция для любого текстового редактора. Очень полезный инструмент, особенно для тех, кто не может себе позволить купить MS Office. Кроме того, writely.com служит еще инструментом совместной работы (коллаборации). Пользователи используя email приглашают других для совместной работы над определенным документом. Он также может быть полезен как инструмент, помогающий пользователю в ведении блогов и публикации. Построенный на основе пользовательского Ajax-интерфейса, он предоставляет максимум возможностей Web 2.0 . Writely развеивает отныне и навсегда любые сомнения в том, что инструменты для повышения производительности (productivity tools) могут и должны быть сетевыми (online). Хотя Writely и лучший, конкуренты дышат ему в спину.

На вторых позициях:

• Writeboard
• Rallypoint
• Zoho Writter

Категория: Сетевые календари

Лучшее предложение: CalendarHub

Описание: Онлайн-календари - быстро растущая категория продуктов на арене приложений Web 2.0 . Нехватает хороших электронных календарей, способных легко обмениваться информацией. Сейчас это большая проблема. По-моему, в мире софта, где есть обширное собрание утилит для синхронизации и интеграции, это просто удивительно, что мы по сей день не можем делать простых вещей вроде синхронизации наших личных, семейных и рабочих календарей. CalendarHub – лучший онлайн–календарь, который я когда либо видел, с Kiko на втором месте.

На вторых позициях:

• Kiko

Категория: Управление проектами и совместные разработки

Лучшее предложение: BaseCamp

Описание: В Web 2.0 есть потрясающие модели совместной работы для двустороннего обмена информацией вроде блогов и вики (wikis), открытые обогащающие механизмы типа установки тегов, ранжирования, популярность, и организационные технологии (например, фолксономия). Все это предоставляет надежный фундамент для совместной работы команд и управления проектами. Однако ж, существует не так уж много хороших инструментов управления проектами в духе Web 2.0 . Отчасти это потому, что управление проектами очень зависит от типа проекта. К счастью для компаний Web 2.0 , это означает, что практически нет конкуренции со стороны традиционных софтверных компаний типа Microsoft и Primavera, которые штампуют средненькие продукты в области коробочного софта. Вот почему Basecamp от 37Signals – такая приятная неожиданность. Это превосходный инструмент для управления командными проектами, и чем дольше я его использую, тем больше он мне нравится.

На вторых позициях:

• CentralDesktop

История продолжается, так и должно быть!

Никто не сможет точно перечислить лучший софт Web 2.0 2005-го года. Это дело мудрости масс сообщества Web 2.0. Чтобы закончить список, мне нужна ваша помощь. Пожалуйста, оставляйте свои мнения внизу. Помните, что я не работал со многими прекрасными приложениями Web 2.0 , с которыми работали вы. Есть целые категории программных продуктов, о которых я даже не упомянул, и я буду рад расширить этот пост, если будет много отзывов. Расскажите мне про социальные таблицы, инструменты управления проектами на Web 2.0, версии Flickr для видео, другие «народные» события Web 2.0… Да все что угодно, о чем вы знаете, а я нет!

Web 2.0 – это энергичное и деятельное сообщество. Давайте покажем миру из чего сделан Web 2.0...

Конечно же, кроме меня переводят статьи о новых технологиях и популяризуют их множество людей. Примером может служить статья "Руководство разработчика для prototype.js"

Prototype - фреймворк, набор классов для использования их в полноценных библиотеках .Помните, в одном из своих прошлых выпусков я рассказывал о Ajax-библиотеке script.aculo.us? Так вот, эта библиотика была создана не на пустом месте, а как раз на основе Prototype.

А вот другая ссылка, на изящное решение проблемы использования экзотических шрифтов на вашем сайте: технология sIFR. sIFR Documentation & FAQ - это английский оригиал, а вот и русский набор руководств и описаний

Дорогой читатель! Если тебе попадётся на глаза хороший перевод хорошей статьи о технологиях web 2.0 пожалуйста, отправь мне ссылку на него по адресу adodonov+web2@gmail.com и я расскажу о нём в своей рассылке! Да, и если ты натолкнёшься на хороший английский оригинал, который ты хотел бы видеть и на русском языке - можно отправить мне ссылку и на него. )

А пока в ближайшей переспективе - переводы статей про дизайн блогов, чуть в более дальней - про шаблоны проектирования Ajax.

Остаюсь c вами на связи, до следующего выпуска!

Ведущий рассылки, Додонов Александр