Веб-разработка *

йцукен

Хочу представить три авторских способа организации анти-спам защиты. Первый основан на технологии CSS спрайтов, второй на узкой специализации ботов, а третии на почтовых уведомлениях.

CSS sprites¹

Суть проста изображение с каптчей содержит 20–30 символов, только 4–5 из них идущие подряд являются кодом, начинаются они то с 1го символа то с 20го в общем с произвольного, остальное — мусор, с помощью позиционирования бекграунда в слое видны только нужные символы. Человек введёт их, бот распознает и введёт все 30. Вуаля! ;)

Intro.

Возникла такая ситуация, при которой мне и еще одному программисту пришлось вести работу над одним и тем же проектом. Я уже давно пользуюсь Джентельменским набором, и мне нравится его портабельность и маленький размер.

Навеяно постом Form Spam Bot Blocker: Защищаем Web-формы без CAPTCHA!. Все предпосылки там.

Вариант модификации идеи

— Кросс-пост из моего блога
Веб 2.0 начал плотно входить в умы людей, которые хотят сделать себе сайт. Как частный случай — некоторые люди просто помешаны на технологии Ajax. Требуют использовать её банально везде. Естественно можно попробовать переубедить заказчика, но если это невозможно или не к месту, то можно воспользоваться уловкой, которую я назвал «Псевдо-Ajax».

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

Ну тогда предлагаю под другим углом взглянуть на проблему защиты Web-форм.

Сразу посмотреть или скачать (pdf) слайды.

Время: Туманное промозглое утро 18 апреля, 8:50. Смог.

После вчерашней конференции, прогулки по вечернему Лондону, утренней пробежки и легкого завтрака, настроение самое что ни на есть боевое.

Место: Kensington Close Hotel, Ст. м. Кенсингтонская.

Приятные девушки из Carsonified всем терпеливо объясняют, куда же идти. Жаль, что одновременно можно находиться только в одном месте, ведь выбирать было из чего (или кого, если угодно):

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

Вступление
Так уж случилось, что когда я ждал результатов последнего экзамена (это математика, но не суть), то средств подключения к Интернету кроме GPRS-а у моего ноутбука не было. Ну, хоть что-то.

Пользуюсь Оперой, а потому сразу заметил, что страница входа в систему по паспортным данным (http://fed.egeinfo.ru/ege) весит около 200 килобайт, не считая картинок и скриптов, причём основная часть страницы не отображалась до полной загрузки (что для моего соединения занимало довольно много времени).

Страница сайта egeinfo.ru


Решил взглянуть на исходный код данной страницы.

Кросс-пост: Блог для вебмастеров
Сегодня наткнулась на один сайт (уже обновили), который показался мне очень неудобным тем, как реализована постраничная навигация.
Пролистав контент вниз я по привычке нажала на _цифру_, не подозревая что это не номер страницы, а число товаров отображаемых на странице! И удивилась, когда обнаружила, что номера страниц расположены _вертикально_, слева от контента.
Это на мой взгляд самый наглядный пример как НЕ надо делать постраничную навигацию.
Давайте разберемся…

Не так давно мы уже писали, и оказались первыми, кто сообщил в Рунете о появлении новой платформы для организации Cloud Computing — Aptana Cloud. О подробностях я отсылаю вас к первой публикации, а сегодня мы продолжим разговор. Хотя я и записался на программу бета-тестирования, но пока приглашения не получил. Но один из западных блоггеров (Dougal Matthews) его все же достал и написал обзор первых впечатлений. На его основе сегодня и мы опишем, чего же ожидать от этой платформы. Как только я лично получу доступ к тестированию, обязательно напишу свои впечатления и замечания.

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

Приблизительно как на схемке справа.

О размерах элемента и его контейнера ничего не известно.

Вот пример страницы как я это сделал. На странице три больших div’а, в среднем помещен выравнивающийся по видимому центру элемент. Проверял в IE 6 & 7 (не моя прихоть – задача такая).

Интересно узнать как можно сделать проще и надёжнее? И вот в Opera 9.5, например, не работает. А хотелось бы большей универсальности кода.

Известно, что реализация выделений:) в IE отличается от таковой во всех прочих браузерах. Я думал, в восьмой версии эти вещи стандартизируют. Скачал, написал alert(window.getSelection) и undefined было мне ответом. А так хотелось…

После полугода использования Ubuntu Linux я окончательно решил, что это именно та система, которая мне нужна для работы и развлечений. Почту организовал в Evolution и был приятно удивлен тем, что там есть все что мне надо, но ничего лишнего (что особенно удивительно после работы в Microsoft Office Outlook)!

Так сложилось, что я купил себе PocketPC на базе WM6 (Windows Mobile 6).

Все было замечательно до момента, пока у меня не появилось много дел и задач: понадобилась полная синхронизация между тремя продуктами:

• Evolution
• Windows Mobile Outlook
• MS Office Outlook

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

Здравствуйте

Не так давно я писал про правильный did you mean.
Несмотря на все мои улучшения, guess-инг всё равно часто ошибался, и выдавал странные результаты.

Однако недавно, мне удалось значительно улучшить качество guess-инга, и я решил, что было бы неплохо написать «патч» к моей предыдущей статье :)

Блогер Дрю Нельсон (Dru Nelson) пишет о стартапе 280 North и их вэб–приложении 280Slides.

Если бы это был просто вэб–аналог PowerPoint или Keynote, новость не подняла бы больших волн. Но все стало гораздо интереснее, когда Дрю заглянул «под капот» и увидел...

Часть первая.
Второй день конференции начался с жестокого похмелья доклада Nate Koechley под названием «Professional Front-End Engeneering». Как Нэйт и обещал, он толкнул зажигательную речь о Front-End'е и его значении в веб-разработке. Особый упор был сделан на том, что Front-End веб-разработка по сути своей ни чем не отличается от архитектуры и поэтому отношение к ней, со стороны разработчика и его начальства не должно быть другим. Архитектор, проектируя здание, не позволяет себе махнуть рукой на то, что будет с домом через 5—10 лет, проект наполняется чертежами, схемами, документацией и тд. Так почему разработка сайтов должна отличаться?
Он призвал веб-разработчиков не пренебрегать своей работой даже если они убеждены, что проект, который они делают, не важен и не будет развиваться. Веб, как известно, среда динамическая и постоянно расширяющаяся, по сему любой, даже самый маломальский проект может «выстрелить» и его надо будет срочно расширять, дорабатывать и развивать. Соответственно не стоит экономить на документации, комментировании собственного кода, стоит помнить возможности повторного использования элементов интерфейса и возможности для расширения.

Несколько дней назад разработчики Safari анонсировали новый движок JavaScript — SquirrelFish (БелкоРыба, или для большей русско–звучности Рыба–Белка).

SquirrelFish значительно опережает по производительности JS машины, которые используется в WebKit 3.0 и 3.1 (порядка 60% быстрее). Более того, он на 46% быстрее, чем SpiderMonkey, движок используемый Mozilla в текущих версиях FireFox, и на 52% быстрее Tamarin, который используется в Adobe Flash 9 и портируется для использования в FireFox.

David Mandelin написал очень интересный пост, анализирующий то, за счет чего SquirrelFish добился таких результатов. Коротко — используя технологии не очень стандартные для «классического» интерпретатора (в особенности, построив интерпретатор с использованием регистров, а не стэка и прямую адресацию потоков).

По следам этого анализа появились даже предположения, что Apple расстанется с AppleScript как средой скриптования в Mac OS и полностью перейдет на JavaScript.

О том как реализовывать разделение пользователей по своим поддоменам тут уже писалось. Не были только затронуты плюсы и минусы идеи выноса логина на поддомен. Итак.

www.interface.ru/home.asp?artId=1064

Есть информация, полезная любому разработчику. Некоторые цитаты:

"Заблуждение 3: Планирование в программной инженерии осуществляется хуже, чем в других областях

[...]
Флайвберг, Брузелиус и Розенгаттер приводят примеры нескольких известных проектов с крупными перерасходами бюджетов:

Суэцкий канал (1869 год) — перерасход на 1900%;
Сиднейский оперный театр (1973 год) — перерасход на 1400%;
«Конкорд» (первый полет в 1969 году) — перерасход на 1100%;
Панамский канал (1913 год) — перерасход на 200%;
Бруклинский мост (1883 год) — перерасход на 100%."