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

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

Если пользователь ошибся при вводе данных - обязательно надо указать где именно он ошибся. Многие дизайнеры любят делать из сообщения об ошибке какое то произведение искусства и в конце концов пользователю не ясно, допустил ли он ошибку вообще. Программисты тоже иногда перебарщивают и выдают какой нибудь alert с сообщением типа “поле с id g234em1 заполнено неверно”. Сидишь после этого и думаешь, где же это поле g234em1.

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

Но хватит теории, и приступим к практике. Использовать мы будем, уже в который раз, Prototype, Scriptaculous и новый в этот раз Validation скрипт от Andrew Tetlaw.

Read more

Часто бывает, что пишешь статью или делаешь презентацию о каком нибудь вэб сайте, и нужно показать скриншот этого ресурса. Конечно это сделать просто и быстро - Print Screen, затем Paste в фотошопе, изменяем размер, обрезаем картинку, чтобы не было видно браузер…. Стоп. Не так уж это быстро и просто.

Куда быстрее это сделать на Thumbalizr. Просто пишем адрес сайта, нажимаем Thumb It, ждём пару секунд и скриншот готов. Можно выбрать среди картинок 320, 640, 800, 1024 или 1280 пикселей в ширину.

Скриншот сайта Thumbalizr для этой статьи сделан им же самим

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

Называется этот скрипт GFslideShow, и как можно догадаться из названия - сделали его талантливые ребята из Google. Для туториала нам необходимо: ключ для GoogleFeed API и RSS feed с фотографиями.

Read more

Большая новость для поклонников идеи “пользоваться вэб сайтами в оффлайне”. Крупный 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) и поиграйте с рельсами.