Защита Email от Spamer’ов на CSS

Да да, No JS

Сейчас поведаю про интересный способ защиты имейлов от спамеров используя только CSS.

И так, сначала ревертим наш имейл, можем это сделать на JS:

'major@geekjob.ru'.split('').reverse().join('')
// ur.bojkeeg@rojam

Далее этот имейл вставляем в HTML:

<span class="antibot">ur.bojkeeg@rojam</span>

Далее пишем такой CSS:

<style>
.antibot {
unicode-bidi: bidi-override;
direction: rtl;
}
</style>

Результат: люди видят нормальный перевернутый перевернутого имейл.

Antibot protection on pure CSS

Как это работает

В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном документе разных по написанию символов (русского с ивритом, к примеру) в системе юникод, их направление определяется браузером из характеристик и содержимого текста. Свойства unicode-bidi и direction задают, как должен располагаться текст используемого языка.

Собственно вот и все. Правда такой механизм неудобен для людей, так как скопировать такой адрес не получается нормально :(


Лайк, хлопок, шер. Подписывайтесь на Телеграм канал. Следить за обновлениями и прочими материалами от меня можно именно там: @prowebit . В этом канале публикую различные новости и мысли, которых может не быть в этом блоге. Подписывайтесь!

𝔾𝕖𝕖𝕜 JOB — анонимный поиск работы без палева где можно найти новую работу без проблем на текущем месте. Только для IT, никакого “левого” стафа. Только релевантные предложения.

New.HR — место где помогают найти работу мечты. Работаем только с отборными вакансиями в сфере IT & Digital. Помогаем кандидатам найти работу по душе. Работаем с кандидатами, которые не ищут работу!

Александр Майоров / Alexander Mayorov — ProWEBIT

Written by

Активист программного комитета FrontendConf. CTO and co-founder at New.HR & GeekJOB.ru

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade