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

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

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

Мы с моей командой, наконец, запустили такую штуку — photl.com
Все в стадии бэта, ну вы в курсе (;

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

UPD: Хабраэффект. На некоторое время закрываемся, сорри. Кому не терпится, можно посмотреть скриншоты тут

UPD1: Идет доработка правовой информации. Будут учтены некоторые комменты. Скоро откроемся.

UPD2: На photl.com сделали форму для почты для тех, кто хочет узнать, как только откроемся.

UPD3: Снова открыт для всех!

Думаю, многие из вас видели плагин для wordpress. Симпатичный шарик привлек мое внимание и мне захотелось его поковырять...
Разочарованию не было предела ― он оказался на флэше(против флэша ничего не имею). Ладно, флэш так флэш нагуглил исходники, распаковал архивчик, а там… А там море файлов с кодом, файлы для настройки с парой десятков опций, несимпатичный фалик для вывода всего этого, для генерации xml'ки.
С этим я мириться уже никак не хотел и решил написать тоже самое, но на javascript. Привык я работать с jQuery поэтому решил сделать в качестве плагина для него.

Потрясающе видео «Mankind Is No Island», смонтированное из снимков шрифтов и текстов, снятых на мобильный телефон на улицах Сиднея и Нью-Йорка, получило награду на австралийском кинофестивале Tropfest NY 2008.


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

Достаточно просто улучшить юзабельность формы простым, но крайне эффективным способом — деактивация кнопки «отправить» после её нажатия.

Дабы не быть голословным, приведу пример для jQuery:

$('#id_кнопки').click(function()
 {
  $('this').attr('disabled', 'disabled')
 }
);

В идеале, кнопка должна становиться активной только после того, как форма будет полностью валидна.

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

P.S> Возможно, тема уже поднималась, но упоминания на хабре не нашёл.
P.P.S> Спасибо за то что насрали в карму, вы хорошие люди :)
P.P.P.S> Я не принимаю модели хабра, в которой автор выкладывает всё и вся в топ, в таком случае просто нечего обсуждать.

207 флагов-иконок для вашего сайта. Делал для своего проекта, решил поделиться со всеми желающими. Размер 32×32, скоро сделаю 16×16 и 48×48. Файлы названы согласно ISO 3166-1 alpha-2.

Пример:


Лицензия: Creative Commons Attribution 3.0 Unported License.

Скачать (330 кб)

Выкладываю диктофонную запись и слайды моей лекции в Computer Science клубе Математического института Стеклова.

В своей работе веб-дизайнеры должны принимать решения: (1) какие элементы разместить на странице и (2) какой приоритет дать тому или иному элементу. В большистве случаев, выбор делается на основе интуиции и опыта. Но в случае страниц с многомиллионным трафиком был бы полезен более научный подход.

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

Слайды: http://yury.name/newweb.html

Иногда бывает нужно заменить стандартный HTML элемент select своим.
Обычно это необходимо, если фантазия дизайнера разыгралась и он нарисовал «кастомизированный» select и настаивает, чтобы было реализовано как он того захотел. Ну что ж, надо — сделаем.

Небольшая предыстория.

Однажды мне было необходимо кастомизировать select. Я использую mootools, поэтому, сразу пошел искать плагинчик для замены select'a — вдруг кто-то уже написал? Действительно, нашел несколько. Стал разбираться. Все просмотренные мною плагины оказались полной ерундой — они вели себя не как стандартный select. Выкинул их в помойку и решил написать свой плагин, который бы полностью повторял поведение стандартного select'a.

Не знаю о чем Вы там подумали из названия, но знайте — я этого в виду не имел! :)
Итак, продолжим становиться «Колумбами и открывать то, что до нас знали миллионы людей», кто вспомнит откуда эта почти-цитата (подсказка: про Интернет) тому 4 балла к гик-карме. Итак…

Итак, в свободное время, когда я не создаю безумные проекты, не учу людей зарабатывать на стартапах, в это время я изучаю всяческие гик-технологии, в т.ч. одна из них прямо-таки у меня стала навязчивой идеей. А именно — взять свой городок в пригороде большого города и превратить его в 3d-уровень для какой-нибудь игры (в FarCry/Crysis я продвинулся в этом больше всего), при том с фотограмметрической точностью (погрешности в метр или меньше от реального расположения домов).

Для того, чтобы это сделать нам понадобится:

1. 3d-модели;
2. 3d-движок;
3. наука со страшным названием фотограмметрия;
4. даже математика — а то, когда читаешь про Spherical harmonics — радуешься, что приматом был некоторое время; грустишь что все-равно не понимаешь о чем там...
5. тонна терпения (впрочем, я не был бы мировым лентяем, если бы это и правда было так);

Начнем с 3D моделей

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

Здесь я расскажу как сделать Firefox 3 внешне похожим на Internet Explorer 7.
Для чего может понадобидься этот маскарад? Ради эксперимента или для юзеров в офисе, которые привыкли к IE и всё остальное не воспринимающие. Либо как в моём случае, когда после переустановки системы установился IE и злой админ (редиска ты, Вадик!) отказался ставить мне Firefox, ссылаясь на какие то правила.
С IE помучился не долго (больше чем слетающая вёрстка и неработающие скрипты меня бесит скукоженное новое окошко, которое открывается по клику на ссылку открыть в новом).

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

1. Использование дефисов вместо тире em-dash.



Если вам нужно прервать мысль, то делайте это с помощью символа (alt+0151), а не парой знаков «минус». Это, пожалуй, главный источник раздражения для всех редакторов.

Поставил Flash Player 10 «Astro». Шумиха вокруг него, честно говоря, утомила. Пару лет назад я бы написал пару-тройку страниц на тему того, как приход нового Flash Player'а отразится буквально на всех аспектах жизни рядового бюргера этой планеты. Сейчас — нет. Софтина полна потенциально прорывных фич, о которых уже итак написано много. Дело в другом :) Просто очередной апгрейд из ожидаемого волшебного чуда перешел в разряды банального релиза. И с каждым разом он из забавной живой непоседливой зверушки все больше превращается в такой себе инструмент, вроде молотка. И с этим куда-то улетучивается атмосфера романтики первых лет, когда флэшплеер был чем-то куда как большим, чем просто плагин или платформа. Эх, где мои семнадцать лет :) По многочисленным заявкам, рискнем дополнить пост списком фич нового флешплеера:

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

Встречаем, темный вариант оформления браузера от пользователя Manhog с небезызвестного сервиса DeviantArt.

Как я и обещал, вторая глава из книги «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). Как и из первой главы, выбрал все самое вкусное и интересное ;-)

Напоминаю, что первую главу можно прочесть здесь.

Как я уже писал, я начал читать книгу «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). В данной серии статей (а я планирую довести дело до конца) я буду выкладывать самые интересные моменты из каждой главы этой книги. Это будут основные идеи, примеры или и то и другое вместе :-)

Новый экспериментальный опенсорс плагин для Firefox от Азы Раскина предназначен для того, чтобы соединить человеческий язык и сеть.
Даже сложно обьяснить. Посмотрите лучше видео:

А здесь можете скачать ubiquity-0.1.xpi
Мануал по использованию

От себя хочу добавить. Так как я использую quicksilver на маке, этот плагин мне очень понравился. Горячей клавишей вызывается меню и просто набираешь текст, команду или поисковый запрос, и он сразу ищет в Гугле. На втором месте ищет в Википедии. Советую попробовать.

Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).



В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.

Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.

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

На помощь приходит замечательный скрипт «Masked Input Plugin», который позволяет назначить для каждой формы маску, по которой данные будут заполнятся.

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

Якоб Нильсен, гуру юзабилити, назвал десятку лучших пользовательских интерфейсов 2008 года

Итак:

1. Campaign Monitor by Eyeblaster (Израиль)

Система мониторинга и управления рекламными компаниями в интернете в реальном времени.

Сайт: www.eyeblaster.com
Демо: www.eyeblaster.com/Demo/Dashboard_demo/EditedDemo.html

2. CMSBox by CMSBox (Швейцария)

CMS

Сайт, видео: www.cmsbox.com