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

Очень рад объявить о новой версии Modalbox‘a 1.6.0. Если кто не в курсе - Modalbox позволяет создавать модальные диалоги при помощи джаваскрипта, xhtml и css. Возможности у библиотеки большие и по моему мнению - это лучший скрипт для модальных диалогов на данный момент. К тому же, разработчик Modalbox’a, Андрей Оконечников - русский. Так что вдвойне приятно

Вот некоторые новшества:

• Новый Modalbox больше не зависит от builder.js, так как у нового прототайпа есть свой DOM Builder. Это значит что moдалбокс стал весить меньше и зависит только от prototype.js и effects.js. Разработчикам на Rails вообще везёт, так как prototype и script.aculo.us там и так стандартные библиотеки

• Также Modalbox стал лучше работать с IE7. Страница больше не скролится наверх при открытии модального диалога, и select элементы больше не прячутся. Андрей обещает в скором будущем исправить баги и в IE6.

• Появились 2 новые функции и 1 callback.
  resizeToInclude(element [, options]) принимает как параметр DOM элемент и увеличивает на его высоту - высоту у Modalbox’a.
  resizeToContent([options])изменяет размер у Modalbox’a настолько, чтобы в него оптимально помещались все элементы. Полезно, если например вы удалили из него какие то элементы джаваскриптом.
  beforeHide это новый callback, который срабатывает перед тем как Modalbox начинает прятаться. Полезно, если надо забрать какие нибудь значения из Modalbox’a, перед тем как он исчезнет.

И это ещё не всё. Изменений очень много и подробнее о них в CHANGELOG-e и на официальном блоге. Баги можно (и нужно) постить вот сюда.

Случайно наткнулся на блог garcya.us, на котором автор выложил набор из 90 иконок в векторном формате EPS. Открыть данный файл можно в Adobe Illustrator или Photoshop. Вообщем кому нужно - тот знает что с этим файлом делать Иконки выглядят очень модно, поэтому идеально подходят для оформления современных Web 2.0 сайтов. Ну или для чего угодно, это уже на усмотрение дизайнера.

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

СКАЧАТЬ

Вот кстати и preview для иконок… Read more

Я уже писал про свою “любовь” к таблицам, но на всякий случай напомню - таблицы используем для отображения информации, а не для дизайна страницы. Но это не значит, что если есть какие данные, то можно их просто запихать в таблицу и всё будет отлично. Эта таблица ещё и должна хорошо выглядеть. Конечно, если хватает познаний в CSS, и есть время то можно запросто сделать очень красивую таблицу. Но если времени и умений не хватает?

В этом случае поможет Tablecloth. Нужно всего лишь добавить 2 строчки кода и посетители будут в восторге от ваших таблиц.

Read more

Долго я терпел, пока T-Mobile выпустит в Германии iPhone. Так и не вытерпел. Купил на eBay американский разблокированный айФон и теперь хожу себя ругаю, что так долго ждал. Телефон просто замечательный, и я не представляю, что должны сделать другие производители телефонов, чтобы составить конкуренцию. Не буду перечислять все достоинства айфона, блог у меня не про мобильники, а про вэб разработку. Как наверное многие из вас слышали, на айфоне установлен браузер Safari, и это означает, что можно писать сайты или программы нацеленные на владельцев айфона (и iPod Touch).

В поиске каких либо туториалов про разработку сайтов для айфона, наткнулся на интересную статью от Adam van den Hoven. Оказывается на айфоне не работают большие анимированные гифы. Я так ещё и не выяснил, насколько они должны быть большими, чтобы не работать. Тем не менее, Адам написал очень интересный джаваскрипт код, который генерирует индикаторы загрузки без картинок. Использует он для этого canvas, и просто рисует нужные индикаторы. Подобную технику можно использовать не только на айфоне, но и в любом браузере с поддержкой канваса (как перевести canvas на русский?).

Read more

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

Google Analytics тут не поможет, потому что нас интересуют не только нажатия на ссылки, но и просто любые клики. Существует несколько платных и бесплатных служб для анализа кликов. В основном различие состоит в удобстве пользования. У платных сервисов нужно вставить кусок джаваскрипта в шаблон сайта и установка готова. Можно заходить в админку и наблюдать за статистикой. С бесплатными скриптами нужно немного повозиться, потому что надо установить полную систему на свой сайт. Но это не так уж и сложно, по крайней мере с ClickHeat.

Нужно всего лишь закачать папку с ClickHeat по FTP, и затем зайти в браузере на /clickheat/index.php и следовать инструкциям. После установки можно посмотреть в админке тепловую карту кликов своего сайта. Чем чаще кликают в какой либо регион, тем краснее будет этот регион на карте.

По этому адресу (логин: demo, пароль: demo) можно посмотреть демо версию работы скрипта. В правом верхнем углу можно выбрать русский язык.