Ajax Russia : Аякс по-русски

Большая новость для поклонников идеи “пользоваться вэб сайтами в оффлайне”. Крупный Web 2.0 сайт - Zoho Writer начал предоставлять своим посетителям возможность использовать ресурс в оффлайне. То есть теперь можно начать печатать документ на Zoho в онлайне, отключиться от интернета, и сайт Zoho всё равно будет доступен в браузере вместе со всеми вашими документами.

Возможно это благодаря Google Gears. Это специальный плагин, который заставляет браузер работать с локальным кешем страниц (на основе SQLite), периодически синхронизируя кеш с on-line источником. Здорово, что наконец то появляются сайты, кроме самого Google, с оффлайн функцией.

Представляю вашему вниманию полезный ресурс для Ruby и Ruby on Rails разработчиков. Автор сайта Noobkit.com, Alex Gorbatchev, сделал то, чего так многим не хватало - удобной онлайн документации. Сайт находится всё ещё в стадии разработки, но уже сейчас функции его впечатляют:

• Отдельные описания функций можно добавлять себе в фавориты.
• На каждой странице есть комментарии.
• Удобных поиск.
• Есть даже документация некоторых ruby gems.
• Логиниться на сайте можно с помощью OpenID.
• Планируется документация Rails Edge.

Кстати, кто ещё не программирует на Ruby on Rails - тот многое упустил. Посмотрите знаменитое видео - как написать свой блог за 15 минут (15Mb) и поиграйте с рельсами.

Морфинг эффекты есть в Script.aculo.us уже некоторое время, но обратил я на них внимание только недавно, когда пытался написать фото слайдшоу на джаваскрипте. Мне нужно было, при нажатии на фотографию, увеличить и передвинуть её в сторону. И всё это передвижение должно происходить плавно, а не просто изменить размер и координаты.

Начал искать джаваскрипт библиотеки для анимации, и вспомнил что в Script.aculo.us, который я и так постоянно использую, уже есть всё, что мне надо. Называется эффект Morph, и сейчас я покажу как просто его использовать.

Read more

Формы для поиска есть пожалуй на любом вэб сайте, но в большинстве случаев они очень скучные и похожи друг на друга. Мне нравится когда html формы чем то отличаются от других. Поэтому сегодня я хочу представить вашему вниманию туториал от Брайана Рэйндэла.

Для туториала нам потребуется две картинки и несколько минут свободного времени.

1. HTML Markup
   Тут мы создаём DIV контейнер, в котором будет наша форма.
   PLAIN TEXT
   HTML:

   1. <div id="search_box">
   2. <form id="search_form" method="post" action="/">
   3. <input type="text" id="s" value="Search" class="swap_value" />
   4. <input type="image" src="images/btn_search_box.gif" width="27" height="24" id="go" alt="Search" title="Search" />
   5. </form>
   6. </div>

2. Добавляем CSS
   PLAIN TEXT
   CSS:

   1. #search_box {
   2. width: 201px;
   3. height: 31px;
   4. background: url(bg_search_box.gif);
   5. }
   6. #search_box #s {
   7. float: left;
   8. padding: 0;
   9. margin: 6px 0 0 6px;
   10. border: 0;
   11. width: 159px;
   12. background: none;
   13. }
   14. #search_box #go {
   15. float: right;
   16. margin: 3px 4px 0 0;
   17. }

И - пожалуйста, форма для поиска готова:

Как и многим web разработчикам, мне интересно какие технологии используются на часто посещаемых мною сайтах и как эти сайты вообще сделаны. Обычно я просто отключаю CSS и смотрю как структурирован текст на странице - или это семантически корректный сайт, или на нём скрываются пара десятков таблиц. А иногда становится интересно на каком вэб сервере работает сайт, какие web сервисы он использует, про помощи какого фреймворка он построен. Информацию подобного рода так быстро не увидишь, или по крайней мере раньше - это было достаточно непросто.

Теперь же есть замечательный ресурс для таких любопытных интернет пользователей, как я. Называется сайт BuiltWith.com. Использовать его проще некуда - задаёшь адрес и жмёшь Lookup.

Информация которую выдаёт ресурс - довольно обширная. Там есть данные сервера, какие сервисы используются для ведения статистики, какие сервисы используются для раскрутки сайта, какие фреймворки использовал автор, и много других полезных сведений.

Вот подробный отчёт об AjaxRussia.com

Попробуйте BuiltWith на ваших любимых сайтах и напишите ссылки в комментариях, если найдёте что нибудь интересное.