Частенько приходят на е-майл письма с кривыми заголовками. Решение. Как указать кодировку для тела письма думаю никому не секрет, т.к. это достаточно хорошо описано в мануале php:

$headers .= 'Content-type: text/html; charset=windows-1251' . "\r\n";

А вот про тему письма ничего не написано. На зарубежном форуме нашел подобное решение:

$subject = '=?windows-1251?b?'.base64_encode('Тема сообщения').'?=';

Видимо это стандарт описанный почтовыми протоколами ;)

Еще один способ спрятать свой e-mail адрес от ботов. Вместо того, чтобы писать адрес напрямую, мы может писать его на лету используя javascript. А с Prototype это становится еще легче. Немножко HTML:

Мой е-майл: <span class="email_here"></span>.

И немножко Prototype:

$$('.email_here').each( function(e) {
  e.update('kovshenin'+'@'+'live.com').observe('click', function() { window.location = 'mailto:kovshenin'+'@'+'live.com'; }).setStyle({cursor:'pointer'});
	});

Заметьте, что используется конкатенация - это для того, чтобы боты не украли ваш е-майл прямо из javascript файла. Вставьте этот кусок кода на событие onload элемента body, и боты больше никогда не доберутся до вашего адреса!

Читать полностью »

Да, на картах Yandex и Google Maps можно проложить маршрут - это уже никому не секрет, но вот с помощью специального Google Earth Driving Simulator Plugin можно увидеть всё в живую и достаточно подробно.

Попробуйте сами: Google Earth Driving Simulator Plugin

Очень интересное решение отражения изображением с использованием библиотек Prototype и Scriptaculous. Преимущества:

• Никакого Flash
• Никакого CSS
• Cross-browser
• Пред-загрузка изображения перед эффектом

Как подключить:

<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js?load=builder" type="text/javascript"></script>
<script src="javascript/reflection.js" type="text/javascript"></script>

Рисуем картинку:

<div id="holder">
<img src="image.jpg"/>
</div>

И применяем эффект:

<script type="text/javascript">
  new Reflect3D('holder');
</script>

Библиотеку можно скачать здесь: Prototype Reflection.

Скачать Prototype
Скачать Scriptaculous

Читать полностью »

Люди часто бродят по вашему сайту по одному и тому же маршруту. Когда мы знаем примерный маршрут посетителя - мы можем оптимизировать нашу страницу таким образом, чтобы пользователь меньше всего времени проводил в ожидании загрузки следующей страницы. Это можно сделать с помощью пред-загрузки (preloading) ссылок. Ниже приведен небольшой скрипт на библиотеки prototype, который пройдет по всем ссылкам вашей страницы, и если обнаружит значение “load” в свойстве rel - подгружает ссылку в скрытом фрейме (iframe).

1
2
3
4
5
6
7
8
9
10

document.observe('dom:loaded', function() {
$$('a').each(function(e) {
		if(e.getAttribute('rel') == 'load') {
			p_sHref = e.getAttribute('href');
			if(/^#/.match(p_sHref) ||  p_sHref == '' || !p_sHref) return;
			l_oIframe = new Element('iframe', {src:p_sHref} ).hide();
			document.body.appendChild(l_oIframe);
		}
	});
});

То есть, чтобы заранее подгрузить определенную ссылку, используем свойство rel:

<a href = "http://blog.kovshenin.com/bio" rel="load">Текст ссылки</a>

Хотелось бы услышить ваше мнение ;)

Читать полностью »

Ожидается через несколько лет… ;)

Сегодня случайно наткнулся на один очень интересный тип сервиса, который помогает подбирать хорошие доменные имена. У компании RegTime он носит название NameBuddy, доступен по адресу webnames.ru/namebuddy.pl. Идея заключается в том, что нужно подать 2-3 ключевых слова, и NameBuddy сам выведет сочетания из этих ключевых слов, причем указав сразу свободен ли домен. Можно так же разрешить использование дефиса.

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

Да, есть и другие решения этой задачи чисто на CSS, но с использованием javascript мы можем выдернуть атрибуты title и href прямо из ссылки. Понравилось решение Alessandro Fulciniti (италия) - Bubble Tooltips. Прежде чем начать, посмотрите как это работает.
Читать полностью »

Как вы уже наверное заметили, на блоге появились новые странички. Резюме и портфолио. В скором времени планирую опубликовать полное подробное резюме, и красиво оформить портфолио, ну а пока что а-ля фриланс ;)

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