pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Возможно ли восстановления сайта после взлома?

Лучший ответ: вставил ваш текст сюда -> https://www.artlebedev.ru/tools/decoder/ -> получил "то запоминаем его"
кодировку смените CP1251 → UTF-8

Худший ответ: Вот тот момент, с которого люди начинают делать backup...
По всей видимости ты видишь файл в другой кодировке и это не тот файл, который был... 
"ни как" :(
Вопрос: Есть ли рускоязычная среда програмирования?

Лучший ответ: я не думаю что вам будет понятнее такой код:класс ПростойКласс {
    приватно:
        свойство строка названиеПеременной
    публично конструктор (строка названиеПеременной) {
         контекст.названиеПеременной = названиеПеременной;
    }
    // ...
}

ПростойКласс[] массивКлассов = создать ПростойКласс[10];
пока (беззнаковое целое итератор = 0; итератор < 10; итератор++) {
    массивКлассов[итератор] = создать ПростойКласс("строка передаваемая в конструктор);
}
Вообще все эти понятия типа "функция может возвращать значение" (точнее наоборот, она обычно возвращает значение но может и не возвращать) родом из математики, и там никто не ноет что "почему все называют эти все штуки буквами греческого алфовита". Никто не кричит "почему синус принято обозначать sin а не син" и т.д.
Тут так же. Знание самого языка не поможет вам понять смысла конструкций типа for.

Худший ответ: Рекомендую:
ПЛ/1, сайт ПЛ/1-кт
Мощный незаслуженно забытый язык,  есть не только русский вариант команд,  но и учебник с полным описанием таковых. Есть 32-битные и 64-битные версии, (windows),  автор присутствует на сайте, язык развивается. В общем это то что ты искал,  единственный недостаток несколько консольный интерфейс.

Также слышал о языке программирования Яр (оттранслированный лисп), но на данный момент Яр не развивается. В своё время скачал версии под Винду и под Linux. с учебником.

Встречал в интернете транслированный на русский oberon под Винду. статус развития не уточнял, вроде продолжает. насчёт учебников по нему (русской версии) не уверен.
Вопрос: Где стоит искать специалиста по интерфейсам для веб-сервиса?

Лучший ответ: Как человек, который занимается проектированием, могу сказать, что на бирже фрилансеров вы никого не найдёте. Такие специалисты рождаются на стыке специальностей.
Мой опыт говорит о том, что свои идеи нужно проверять в обсуждении со специалистом смежной специальности (или несколькими специалистами из разных областей). В процессе доказательств обоснованности своей теории выявляются ошибки и тут же находится решение. Это — тот случай, когда нужно работать в команде.
Опять же, мой опыт говорит, что стержень проектирования составляют фронтенд-специалисты и арт-дизайнеры. И я точно убедился, что те, кто незнаком с арт-дизайном или фронтенд-разработкой, едва ли сделает грамотный проект в нескольких контекстах (десктоп в разных разрешениях, мобильная версия в разных вариациях, инфокиоски).

Худший ответ: Отправил в почту контакт подходящий.
А, да, ответ на вопрос - "у знакомых". 
Их крайне мало, обычно все хотят дизайнера+проектировщика+верстальщика в одном флаконе, чтобы сэкономить. Что, впрочем, ничуть не отменяет цены хорошего проектировщика.
Вопрос: Где лучше хранить статитку?

Лучший ответ: CDN (CloudFlare CDN, MaxCDN например), amazon s3 и т.д. При заливке загружаете файл в хранилище и собственно все. Далее все зависит от типа хранилища и подробно описано в документации к сервисам.
по поводу eucalyptus, это разве не балансировщик нагрузки? Ежели вы про платформу облачных сервисов, вам это встанет дороже нежели оплачивать cdn/amazon, ибо придется платить за обслуживание системы.

Худший ответ: Если планируете расти, то сразу стоит задуматься над распредленной хранилкой.
Рано или поздно контент перестанет вмещаться на 1 сервер.
Выше уже советовали gluster, но лично я бы его врагу не посоветовал. 
Elliptics от яндекса, работает хорошо и быстро, несколько "необычен" в архитектуре внутри, но когда разбираешься, понимаешь зачем это нужно.
В качестве "фронта", от них же уже запилена такая штука как rift которая позволяет реализовать систему бакетов аналогичную S3. Есть еще несколько надстроек позволяющих делать некоторую обработку данных "прямо в хранилище", не таская контент на другие хосты.
Касательно CDN, цены на них и объема хранимого у них контента.
Цены бывают очень гибкие, если посмотрите к примеру на CDN.net, при создании зоны они позволяют часть "дорогих" направлений исключить из обработки.
Касательно объема хранимого на cdn't вашего контента.
cdn77.com к примеру говорит что они хранят у себя до 50Гб вашего кэша, остальное по отдельному прайсу. Опять же они не гарантируют сохранность данных, а лишь позволяют увеличить объем кэша, если ваш активный dataset большего объема. 
У остальных cdn провайдеров таже история, только часто эта информация доступна только  после обращения в саппорт.
Отдавать напрямую с S3 дорого. 
Если мы говорим о дешевых хостингах, таких как hetzner \ datashack \ DO, то отдавать с них не всегда эффективно, если вам важна скорость доставки контента до клиента.  Возможно у какого нибудь phoenixnap лучше доставка, но и сервера там дороже.
Вопрос: Приложение Android для начинающих

Лучший ответ: Напишите клиент для хабра :)

Худший ответ: Предлагаю почитать книгу Learning Android. На протяжении всей книги пишут клент для твитера и затрагивают многие темы разработки.
Вопрос: Thumbnails wordpress?

Лучший ответ: вот решение, кому нужно будет<div class="img_tour1 text-center" style="background-image: url(<?php if ( has_post_thumbnail()) { $full_image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); echo ''.$full_image_url[0] . '';} ?>)">

Худший ответ: get_the_post_thumbnail();Подробнее enПодробнее ru
Вопрос: Дизайн сайта готов что дальше?

Лучший ответ: Каждое ведомство должно заниматься своими делами! (с)
В разработке проекта всегда должен участвовать: хороший дизайнер, хороший верстальщик, хороший программист. И никак иначе. Каждый делает свою работу. Тем более проект большой и дорогой.
Если человек делает программную часть на отлично, это не значит, что он обязан верстать круто. Уметь и круто верстать (кроссбраузерно, кроссплатформенно) - это работа верстальщика.
Как и верстальщик не должен писать модули к системе управления (если такая используется).
При этом дизайнер сдает проект верстальщику и программисту, которые могут работать одновременно, не мешая друг другу и даже наоборот помогая друг другу решать проблемы.
Только тогда ваши проекты будут делать быстро, качественно.

Худший ответ: Не парьтесь, продавайте дизайн на themeforest и все =)
Вопрос: Ubuntu 11.04, проблемы с запуском системы

Лучший ответ: Дровишки проприетарные поставили?

Худший ответ: Были у меня такие проблемы с 11.04, и даже хуже.
Как не странно — помогло обновление биоса
Вопрос: Медицинское образование — лучше у нас или в Германии?

Лучший ответ: В Германии лучше вообще с медициной. С русским образованием вы намного меньше получите, чем с немецким. Да и знаю врачей с Германии - они намного лучше в своем деле, чем аналогичные наши (но возможно это проблема не образования)

Худший ответ: Неплохой вариант бакалавриат/специалитет I меда в Москве  + магистратура и дальнейшее обучение в Германии (много стипендий и программ обмена) или Швеции/Нидерландах/Дании/Бельгии/Франции. Если заниматься R&D, биотехнология/биологическое образование в Москве как вариант, если базовое все же медицинское, без зарубежной магистратуры после этого не обойтись, из российского медика исследователя в биомедицине так просто не сделаешь. Если заниматься именно нейрохирургией, быть хирургом, можно и в России учиться, но это совсем другое.
Вопрос: Как увеличить скорость mysql на node.js?

Лучший ответ: Потому что читаем секцию "Establishing connection" документации пакета.
В вашем случае соединение будет установлено не в момент вызова createConnection, а в момент выполнения первого запроса, следовательно 370мс это не "чистое" время запроса.
В документации есть пример с принудительным коннектом.

Худший ответ: Возможно, php устанавливает соединение на уровне сокетов, а нода лезет через весь стэк.
Попробуйте задать socketPath для соединения.
Вопрос: Какие технологии использовать для больших web-приложений?

Лучший ответ: По данному вопросу лучше всего искать/изучать архитектуру систем Facebook, Google, YouTube, etc. Они очень часто выступают с докладами на данные темы.
Если всё же немного конкретики, то думаю, что необходимыми технологиями является знания в проектировании HighLoad систем (тут можно их доклады с конференций посмотреть), memcache, mapreduce (hadoop например), БД для больших, распределенных, нагруженых данных, хранение данных. Многое из всего этого и Яндекс выкладывает тут. И посмотрите доклады Яндекса со всех YaC'ов.
Можно посмотреть что в Facebook сделали для переноса php на с++ (транслятор).
В общем, правильным будет отсылки искать в докладах на конференциях, где большие компании рассказывают о своих проблемах и как они их решали.

Худший ответ: Нужно знать хотя бы основы Linux администрирования лишним никогда не будет. Поставить права на ту же папку кеша. Поставить php extension. Ну и просто для себя )
Вопрос: Какой роутер подойдет для офиса?

Лучший ответ: может стоит решить вопросы с MikroTik-ом  так как железо нормальное ? или поставить 2-е точки  в разных углах помещения ?

Худший ответ: Как насчет Cisco?
Вопрос: Как аннулировать авторизацию приложения (access_token) OAuth вконтакте?

Лучший ответ: https://vk.com/apps?act=settings -- удалять отсюда. Либо завершить все сеансы. Либо сменить пароль.

Худший ответ: https://vk.com/apps?act=settings -- удалять отсюда. Либо завершить все сеансы. Либо сменить пароль.
Вопрос: Как с помощью bower или другого менеджера пакетов скачать один файл, а не весь репозиторий?

Лучший ответ: А зачем? Вся соль пакетных менеджеров, что ты не знаешь, что там внутри и тебе плевать. require('jquery') (или define(['jquery'])) подключит ровно то, что нужно, и не больше. В девелоперской версии подключать минифицированные версии библиотек -- себя не уважать. А на продакшене все равно все должно быть склеено в один файл и сжато.
Я согласен, что в пакетах бывает многовато мусора, и мало кто прописывает .npmignore. Тут все в наших руках, шлем пулл-реквесты.

Худший ответ: Пока никак. Основная идея в том, что скачивается весь предоставленный пакет (bundle). Я тоже искал решение, на тот момент нашел только один способ - удалять все лишнее с помощью средств автоматизации, после инстала через bower. Но, это еще те грабли, поэтому когда надо подключить только один jquery.min или типа того, просто делаю это руками, не заморачиваясь с bower-ом.
Вопрос: Можно ли что-нибудь испортить обновляя php на рабочем сервере?

Лучший ответ: Да может. Переставляя пакеты с разных репозиториев можно удалить зависимости необходимые для нормальной работы сервера.

Худший ответ: Не надо ломать рабочий сервер, без острой необходимости.
Вопрос: Нарушена ли лицензия?

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

FREEWARE PRODUCT(S)
 — The packages «madBasic», «madKernel», «madShell» and «madSecurity» may be used
freely for both non-commercial and commercial use, without buying a license,
provided that:
(1) The author Mathias Rauen is given proper credit for his work.
(2) The licensee does not claim that the library was written by him.
(3) If the software is modified, any software containing modifications must
prominently state in the modified product or documentation
(a) that it has been modified,
(b) the identity of the person or entity that made the modifications and
© the date the modifications were made.
(4) The mentioned packages must not be transferred to any third party unless
such third party receives a copy of this agreement and agrees to be bound
by all of its terms and conditions.

все пункты были удовлетворены.

А по поводу падений — обратитесь на форум в раздел багов или пошлите его на мыло. Все баги рассматриваются и обрабатыватся.

Худший ответ: Программа является проприетарным ПО, наверное, да, пусть даже она и freeware.
Но они наверняка отвертятся. В QIP даже модуль XMPP позаимствован из Miranda (GPL), но мирандоразработчики сделали для них двойное лицензирование.
Вопрос: Как из расширения Chrome/Opera отличить веб-запрос из обычной страницы от запроса самого расширения?

Лучший ответ: В обработчике получить details.tabId, если он -1 то запрос выполнен не из табы браузера.
Тут больше: https://developer.chrome.com/extensions/webRequest...

Худший ответ: Передавать в запросе дополнительный параметр?
Вопрос: Бережем зрение?

Лучший ответ: 20 20 20… каждые 20 минут, 20 секунд смотрю на расстоянии более 20 метров.

Худший ответ: Жидкокристаллический (ЖК) монитор + делаю перерывы каждые 30 минут: глаза перестали болеть.
Вопрос: Почему функция serialize одинаковых значений выдаёт разный ответ?

Лучший ответ: serialize(array("1"=>"1", "2"=>"3"));
Тут массив из 2-ух элементовa:2:{i:1;s:1:"1";i:2;s:1:"3";}
тут мы видим а:2 - массив состоящий из двух элементов. При этом внутри видим i:1;s:1:''1". 
Это значит ключ типа integer 1 и значение типа string с 1 символом "1". Второй элемент аналогично.$str = '"1"=>"1", "2"=>"3"';
serialize(array($str));
Тут же ты создал строку '"1"=>"1", "2"=>"3"', которая преобразуется в массив с одним элементом и ключом 0. Из сериализации ту увидишь: a:1:{i:0;s:18:""1"=>"1", "2"=>"3"";}
Массив с 1-им элементом. Ключ типа integer и равен 0, а значение - string из 18 символов и равно '"1"=>"1", "2"=>"3"'
Для разбивки той строки на подстроки есть функция 
И это будет выглядеть примерно так: $str = '1, 3';
serialize( explode(',' , $str) );

Худший ответ: в общем, так нельзя:$str = '"1"=>"1", "2"=>"3"';
serialize(array($str));
правильно:$str = array("1"=>"1", "2"=>"3");
serialize($str);
массив состоит из 'ключ' => 'значение', а не строка " 'ключ' => 'значение' "
Вопрос: Android и SMB, как?

Лучший ответ: ES File Manager + MX Player 
Samba под Ubuntu 13.10 x64 если это имеет значение, Android 4.3.1
Фильм mkv 1080p, 10.2 Гб в потоковом режиме играет без тормозов, с перемоткой.

Худший ответ: подключаются по SMB к NAS.

F-Stop Media Gallery
https://4pda.to/forum/index.php?showtopic=369699

nPlayer - Проигрыватель всего для Android: универсальный, функциональный, удобный
https://4pda.to/forum/index.php?showtopic=842265
Вопрос: А есть ли сертификация для разработчиков, требующая писания кода, а не выбора вариантов ответа?

Лучший ответ: Это называется опыт работы…

Худший ответ: Ищите сертификаты с олимпиад. Финалисты ACM ICPC или TopCoder к вам не пойдут, а вот призеры областных соревнований — то что надо.

Правда, тут есть один существенный недостаток — много хороших программистов даже не знают об этих соревнованиях, так что поставить такую «сертификацию» в минимальные требования нельзя.
Вопрос: Для чего нужны function, в PHP ?

Лучший ответ: Функции нужны для того, чтоб в коде не возникали ошибки и хаос. Если весь код состоит всего из нескольких переменных и операций, это понять сложно. Но как только их становятся десятки, сотни и тысячи, без разделения кода на изолированные логические кусочки (функции) уже не обойтись.
Функции позволяют писать программы, постепенно углубляясь в отдельные аспекты и не теряя при этом "общую картину". Например, в программе нужно получить данные с сервера, распарсить их, что-то посчитать и вывести результаты. Вместо того, чтоб писать простыню, в которой тут же запутаешься, можно разбить код на функции getData() - parseData() - performCalculation() - displayResult(), и постепенно писать их логику, концентрируясь на решении конкретной задачи отдельной функции. Разделение сложной задачи на более простые - это, вообще, основной принцип борьбы со сложностью. Если это делать разумно (т.е. разделять на осмысленные кусочки), то функции, написанные один раз, можно использовать в разных местах программы (повторное использование кода).
Наконец, они нужны для сокращения возможных ошибок, т.к. позволяют изолировать переменные, объявляемые внутри функций от случайного их изменения в других частях кода (принцип инкапсуляции в ООП). В случае т.н. глобальных переменных (объявленных в областях видимости, доступных в разных, иногда вообще не связанных друг с дугом логически местах) очень велик шанс объявить переменную для чего-то одного, а потом забыть об этом, и в другом месте использовать ее для чего-то другого.
И еще они позволяют вносить изменения в логику программы, не перекраивая ее для этого целиком (полиморфизм). Если в примере выше вдруг понадобится изменить алгоритм рассчета, достаточно изменить performCalculation() (или даже написать другую функцию performNewSpecialCalculation() и просто изменить вызов).
На уровне "внутреннего устройства языка" функции также позволяют эффективно управлять памятью, и обеспечивать взаимодействие программ, написанных разными людьми (например, библиотек), но это уже - совсем другая история.

Худший ответ: Ну если вам нужна какая-то своя функция (нестандартная), например по разбору CSV-файла. Вы её пишете 1 раз и потом просто вызываете каждый раз когда она вам нужна.
Вопрос: Как найти уравнение кривой описывающей фигуру?

Лучший ответ: Видимо, вам надо каким-то образом интерполировать. Например, самый простой способ, Интерполяционный многочлен Лагранжа. Обладает тем свойством, что обязательно пройдёт через все точки, но между ними будет вести себя непредсказуемо (читай - улетать в небеса или к плинтусу). Ну и другие все интерполяции существуют.

Худший ответ: Для начала надо уточнить какую кривую мы ищем - y = f(x) или параметрическую, какого порядка.
На вскидку в ваши точки вписывается что-то типа искаженного эллипса или синус какой-нибудь, если порядок точек дан неверно.
Вопрос: Как загрузить изображение из БД через ajax методом POST?

Лучший ответ: Я смотрю, и просто не понимаю: причем тут аякс?
Подгрузка любой картинки по аттрибуту SRC - само по себе асинхронный запрос. Зачем запихивать в аякс то, что и так асинхронно?

Худший ответ: В приложении нужно будет выбирать из списка подразделение. После чего из базы данных подтягиваются ряд показателей по работе этого подразделения и в том числе картинка. Можно выбрать следующее подразделение и из БД подтянутся другие показатели и другой символ. Не представляю, как это сделать через src
Вопрос: Посоветуйте портативный аудиоплеер (в народе просто mp3-шник)

Лучший ответ: SanDisk Sansa clip +
Стоит 2 тыс. рублей. У меня 4гб встроенной, есть модели с 8гб на борту, слот под флешку есть(до 32гб вродь). Lossless читает. Мне формфактор клипсы очень нравится)

Прошивка кастомная rockbox. По громкости и звуку круче моей мобилки. Заряд держит 15 часов.
Главное требование: качество звучания.
качество звучания вакуумных наушников с любым плеером — весьма низкое)

Худший ответ: Пользуюсь Cowon iAudio E2. Очень доволен малым весом и хорошим звучанием (лучше чем у айфона 4\5).
Вопрос: Логотип: img VS background-image

Лучший ответ: сдлать через  — линк на главную страницу + алт + титл + прописать названия компании 
получается типо <a href="/" alt="name" title="name">Name</a>
это ИМХО

Худший ответ: IMG
+ пользователь может легко сохранить изображение
+ может проиндексироваться поисковиками

минусов img и плюсов для background-image не могу придумать для данного использования.
Вопрос: Как передавать IP пользователя прокси Nginx?

Лучший ответ: Заменить адрес прокси на свой у вас не получится в любом случае.
Можно передать реальный IP дополнительным заголовком на сервер:proxy_set_header        X-Real-IP       $remote_addr;
proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;

Худший ответ: В режиме прокси \ NAT это сделать невозможно. Только роутинг, т.е. не NGINX.
Вопрос: Как соединить витую пару?

Лучший ответ: Конечно будет работать

Худший ответ: Если у вас есть роутер. То сначала ему на вход. А дальше уже по компьютерам.
Вопрос: Читерство на Toster.ru?

Лучший ответ: Совсем глупые вопросы банятся модераторами. Неглупый вопрос может быть отвечен кем-то еще и быть полезен кому-то еще. А Ваш рейтинг никого не волнует,  если честно.

Худший ответ: Так пишите не комментарий, что вопрос можно снимать, а ставьте решением ответ.
Вопрос: Какой сервер VPN и на какой ОС поднимать(легче в установки/кушает мало ресурсов)?

Лучший ответ: OpenVPN, дистрибутив на котором разворачивать пусть выберет ваш системный администратор, на свой выбор.

Худший ответ: tinc
ключевые отличия от OpenVPN: может p2p обмен между всеми участниками сети, бесперебойность из-за поддержки нескольким серверов.
ADD:
о производительности habrahabr.ru/post/185624
Вопрос: Почему разный размер шрифта в Firefox и Chrome?

Лучший ответ: Потому что хром и фф рендерят шрифты по-разному. Одинакового отображения вы никак не добьетесь.

Худший ответ: М.б. где-то случайно масштаб в браузере увеличил, попробуй поискать масштаб в меню или нажать Ctrl+0 (контрол+ноль).
Кроме того убедись что шрифты одинаковые. Я имею ввиду, что оба браузера используют одинаковый шрифт.
Посмотреть можно в Firebuge и в Chrome Dev Tools
Вопрос: Есть ли в мире что-то, что не подчиняется законам математики?

Лучший ответ: Женщины

Худший ответ: Тут наверное нужно уточнение - "известным законам математики". Ну и физика туда же. В ту же стандартную модель не все вписано.
Вопрос: Кек правильно выбрать единственный элемент массива, который тоже является массивом?

Лучший ответ: Но, когда картинка всего одна, то в FILE_VALUE хранится сразу массив
Нормальное решение - поправить вот эту логику заполнения.
Если должна быть коллекция - значит должна быть коллекция. И пофиг, из десяти, одного элемента или вовсе пустая.И указанный выше цикл дает неожиданный результат 
Хочу напомнить, что даже PHP 5.4 живёт последние 10 дней. Обновляйте PHP.
Я всё-таки надеюсь, что вы даже не пытаетесь что-то разрабатывать с выключенным выводом ошибок. А начиная с 5.4.0 обращение к строке как массиву по строковому ключу провоцирует E_WARNING. Но первый байт (по нулевому смещению. т.е.) при этом всё ещё выводится.

Худший ответ: Перед foreach сделайте if, которой функцией count (https://secure.php.net/manual/ru/function.count.php) будет проверять количество элементов в массиве. Если более 1, то ваш вариант, который приведен в вопросе, иначе тупо обращайтесь к $arResult["DISPLAY_PROPERTIES"]["MORE_PHOTO"]["FILE_VALUE"][0].P.S. Возможно есть вариант более правильный, подождите других ответов)
Вопрос: Как определить диагональ экрана телефона в дюймах на javascript?

Лучший ответ: В пикселях:function getPxDiag(){
   var scW = screen.width, scH = screen.height;
   //return Math.hypot(scW, scH) - не работает в IE
   return Math.sqrt( Math.pow(scW, 2) + Math.pow(scH, 2) );
}UPD:
Чтобы перевести в дюймы нужно знать количество точек на линейный дюйм (DPI). Для этого можно воспользоваться старенькой единицей изменения CSS - in. Минус этого метода в том, что придется засунуть в DOM лишний элемент. <div id="inch" style="width:1in;"></div>//Общая формула: PIXEL = INCHES / (1 / DPI);
function getInchDiag(){
  var DPI = inch.offsetWidth;
  return getPxDiag() * (1/DPI);
}

alert( getInchDiag() );
jsfiddle.net/In4in/yboco3wd
Интересный момент - данный вариант, а так же вариант от riot26 показывают на 5 дюймов больше для моего устройства, без понятия почему.UPD 2:
Собственно, оказалось это связанно с тем, что на большей части устройств браузером (или чем-то там еще, не разбираюсь) неправильно определяется DPI (в 96 точек на дюйм) и 1in, соотвественно, имеет ширину меньше, чем реальный дюйм. 
Как исправить? -Без понятия :(

Худший ответ: www.quirksmode.org/mobile/viewports.html (перевод)
tl;dr
использовать device-width и device-height в css
или screen.width и screen.height в js
Вопрос: Проверка поля email на валидность?

Лучший ответ: Самый лучший способ - отправить на емейл сообщение. Если такой возможности нет - проверяй на наличие символа '@' и, по-крайней мере, 1-го символа справа и слева. Regex: /.*@.*/

Худший ответ: https://developer.mozilla.org/ru/docs/Web/JavaScri...
Если только проверять на правильность ввода. Если проверять на наличие (занятость) в БД, придется делать (AJAX) запрос на сервер
Вопрос: Как сделать такой же наложенный цвет на картинку?

Лучший ответ: Режим наложения градиента — цвет, оттенок, оверлей и так далее по вкусу.

Худший ответ: Ах-ха-ха,
попробуй понос подкорректировать через "Изображение>Коррекция>Цветовой фон/Насыщенность"