pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Как правильно оформить блок в стиле БЭМ?

Лучший ответ: Суть БЭМа еще и в том, что его так то не пишут вручную, замаешься эти километры названий писать. Используйте тулзы, которые яндекс поставляет для разработки: https://ru.bem.info/tools/ и все встанет на свои места. Без этих инструментов, вы только проблем себе добавите.

Худший ответ: Надо бы видеть контекст, но в общем надо как-то так. <section class="section-price">
        <div class="section-price__wrapper">
            <h2>Цены</h2>
            <div class="price">
                <div class="price__list">
                    <div class="price__item">
                        <img src="img/price/img1.jpg" alt="" />
                    <span class="title">
                        Охранная сигнализация
                    </span>
                        <button class="btn">Заказать</button>
                    </div>
                    <div class="price__item">
                        <img src="img/price/img2.jpg" alt="" />
                    <span class="title">
                        Специальное предложение
                    </span>
                        <button class="btn btn--down">Подробнее</button>
                    </div>
                    <div class="price__item">
                        <img src="img/price/img3.jpg" alt="" />
                    <span class="title">
                    Кнопка тревожной <br />
                    сигнализации
                    </span>
                        <button class="btn">Заказать</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
Вопрос: Где можно следить за тенденциями в веб?

Лучший ответ: читайте еженедельные дайджесты по веб-разработке на хабре - очень полезно
https://habrahabr.ru/company/zfort/blog/282325/

Худший ответ: Рекомендовал бы подписаться на соответствующие подреддиты. Очень часто там апдейты приходят раньше новостных порталов за счет живого сообщества.
Вопрос: Хороший учебник по OpenOffice (LibreOffice) Base

Лучший ответ: Пользуйся MS Office. В ближайшие 20 лет он более чем актуален для 89% пользователей ПК.

Худший ответ: Посмотрите на книжку на wikibooks.
Вопрос: Arduino. Правильно ли я понял подключение?

Лучший ответ: реле не питает, а работает как автоматический выключатель. Отсюда вопрос - зачем вам вообще через реле включать ардуину? может проще найти клеммник и в него воткнуть блок питания вашего ины, чтобы он постоянно работал?
вам конечно для питания ардуины лучше использовать второй вариант www.aliexpress.com/item/AC-DC-5W-450mA-Switching-P..., а реле уже использовать для управления светом

Худший ответ: ответил здесь
Вопрос: Какие ошибки в этом лендинге?

Лучший ответ: - Красный на голубом - ужасно (это про ховер в меню)
- Непонятно где кнопка, где поле для ввода, где текст. Оформите контролы в каком-то одном стиле, а то я долго пытался тыкнуть на синюю плашку (ОСТАВЬТЕ ЗАЯВКУ....)
- Я еще не успел зайти, а меня уже заставляют принять какие-то соглашения, да еще и мои персональные данные собираются обрабатывать. ужс, закрою-ка я страницу.... (уберите эту надпись в подвал)
- Половина текста вообще не читаема на фоне картинок. Только глаза ломать.
- В салонах "Алина", В салонах "Алина", В салонах "Алина", В салонах "Алина", В салонах "Алина", В салонах "Алина",В салонах "Алина" (ну я думаю вы поняли, да?)
- Цену я еле заметил. Нормального прайса нету?
- Красное на синем - фу (это про 100px рамку вокруг фотографий, как будто в  илюминатор смотрю).
Как-то так...

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

Лучший ответ: Когда принудительно заставляют зарегистрироваться на каком-то сайте - регистрируюсь, и пишу проклятия в адрес разработчиков во все поля регистрационной формы (даже в пароль)
А чтобы действовать не кнутом, а пряником, можно например добавить ачивки зарегистрированным пользователям

Худший ответ: Если самоцель - побольше регистраций, то достаточно дать возможность оставлять сообщения только зарегистрированным и убрать капчу. Остальное сделают добрые китайские боты. 
Если, конечно, ваш сайт вообще кому-то известен и числится в каталогах.
Вопрос: Роутер пожирает интернет?

Лучший ответ: Прошивку сменил, процессор разогнал… почему может глючить?

Худший ответ: QOS включен? Может у Вас там приоритет торрентов и сжирает весь канал?
Вопрос: Верно ли, что чем сильнее «разрознен» массив чисел, тем больше времени займет его сортировка (допустим, пузырьком)?

Лучший ответ: Для сортировки пузырькомимеет значение не средневзвешенное, а только максимальное отклонение позиции элемента от верной.То есть, другими словами, если вы в отсортированном массиве только поменяете местами крайние элементы, то его сортировка пузырьком займет максимально возможное время.определенно да.
Для приведенного подхода(отдельно сортировать части потом слить) применяют сортировку слиянием merge-sort.

Худший ответ: 1. В общем случае, нет.
2. Возможно, да, возможно, нет. Сильно зависит от используемого алгоритма и элементов массивов.
Вопрос: Как вывести форму регистрации на woocommerce в своей теме?

Лучший ответ: В WooCommerce сейчас нет как таковой формы регистрации, есть авторизации она выводится шорткодом [woocommerce_my_account]  и доступна для незалогиненых юзерей, она построена по такому принципу 
wp-panda.com/build-a-custom-wordpress-user-flow-pa...  , сама же регистрация возможна при покупке, если отметить соответствующий чекбокс, и отдельной формы не имеет. 
Но она сделана по тому же принципу как и в описных статьях, как сделать такую форму описано во  второй части серии, на русском эта часть будет доступна в субботу

Худший ответ: Нужно закинуть в папку с темой woocommerce шаблоны (создаешь папку woocommerce и в нее закидываешь шаблоны) https://github.com/woothemes/woocommerce/tree/mast...
потом создаешь страницу /myaccount
в нее кидаешь шорткод [woocommerce_my_account] - сохраняешь страницу - открываешь страницу /myaccount
Вопрос: Кто может помочь с организацией сервера?

Лучший ответ: Примерно так -1)Идете к провайдеру и просите белый статический ip адрес. Это примерно + 50руб в месяц к вашему тарифу.2)Идете в магазин и покупаете железо под сервер. Для этих целей идеально подойдет неттоп. Смотрите по характеристикам железа, и своим финансам.
Сильно мощный не нужен, но поскольку он будет стоять у вас в квартире, обратите пристальное внимание на шумность и энергопотребление.
Возможно у вас будет желание собрать сервер из старого железа - не лучшая идея.
Минусы - громоздкий,  шумный, и самое главное он будет кушать много электричества.
Вы думаете электричество это копейки? Старый системник кушающий 200ватт включенный 24часа будет потреблять примерно 24*0,2=4,8квт/ч  в сутки. В месяц это примерно 144квт/ч * 4руб =576руб за электроэнергию.
За год это уже 7тыс. Вам оно надо? Особенно учитывая шум и габариты.
Правильно подобранный неттоп будет кушать в районе 20-30ватт в среднем.3)Ставите на свой сервер ОС. Тут уж что знаете и в чем разбираетесь. Ну например ubuntu server + LAMP, настраиваете доступ к нему по SSH и ставите куда нибудь на шкаф.4)Поскольку белый адрес у вас будет получать роутер, идете в админку роутера, и пробрасываете 80 порт на локальный адрес вашего нового сервера.
Вот вроде и все.

Худший ответ: Выберите ОС из Linux, поставьте (мануалов полно в интернете), затем vestacp.com - а она уже притянет все пакеты и все настроит.
Вопрос: Как сделать preloader для сайта?

Лучший ответ: как вариант, если ты что-то загружаешь, через ajax, то можно воспользоваться такой чтукой$.ajax({
                beforeSend: function () {
                    preloader.fadeIn(); //функция начала загрузки
                },
                success: function(){
                    preloader.fadeOut(); // функция конца загрузки
                }
            });

Худший ответ: Способа сделать это нет.
Особенно если используются подгружаемые модули с зависимостями.
Если количество скриптов фиксировано, можно конечно задать 100% как количество всех скриптов и в каждый скрипт добавить колбек о том что он загрузился.
И строить прогресс на этом, но это далеко не автоматически, и достаточно геморно выйдет.
Вопрос: Какая температура оптимальная для HDD, процессора, видеокарты?

Лучший ответ: Оптимальная температура для железа:
винт hdd 10-40 градусов
ssd 10-40 градусов
проц до 60 градусов (край до 80 градусов)
видеокарта до 80 градусов (выше уже плохо)
основано на личном опыте. стоит также учесть влажность и запыленность

Худший ответ: Холодно не страшно, главное влажность не высокая дабы конденсат не выстреливал.
Ну и для HDD не особо полезно в холоде стартовать после длительного бездействия (SSD пофигу).
Ну и главное что в вашем понимании "Холодно"?
Вопрос: Электромагнитная индукция как с ней бороться ?

Лучший ответ: Есть подозрение, что проблема не в ЭМ-поле вокруг проводников, а в генерации помех при запуске/остановке, попадающих в электросеть. Самое простое решение это подключить чувствительную технику через пилот с приличным фильтром или даже стабилизатор. Можно также попробовать UPS.

Худший ответ: Нужно больше экранирования!
Вопрос: Разные куки для каждой страницы как?

Лучший ответ: path=PATH - этот атрибут устанавливает подмножество документов, для которых действительно значение cookie. Например, указание "path=/win" приведет к тому, что значение cookie будет действительно для множества документов в директории /win/, в директории /wings/ и файлов в текущей директории с именами типа wind.html и windows.shtml. Для того, чтобы cookie отсылались при каждом запросе к серверу, необходимо указать корневой каталог сервера, например, "path=/".citforum.ru/internet/html/cookie.shtml

Худший ответ: Перемести файлы в разные папки, например work/name.php в work/name/index.php и ставь setcookie("CookieName", "CookieValue");. Куки пропишутся для этой директории. И вводить work/name в браузере проще. Где вы видели www.example.com/forum.php ?
Вопрос: Верстют ли так? И на сколько это этично (:?

Лучший ответ: Множественность классов — абсолютно нормально.
Но до мышей, конечно, делиться не нужно:)

Худший ответ: Нет, это не нужно и даже вредно. В отдельные классы стоит выносить только те вещи, которые могут динамически меняться, например через JS. В остальном же, это лишнее замусоривание разметки.
Ваша же проблема решается использованием препроцессоров (LESS/SASS и т.п.), которые позволят вынести повторяющийся код в переменные и миксины.
Вопрос: Где в Notepad++ панель с HTML тегами?

Лучший ответ: www.victorshkoda.com/2013/12/notepad-plus-plus-i-p...
Привыкаем к хорошему сразу. Но на данный момент лучше взять что-то более продвинутое (Sublime, Atom, Brackets)

Худший ответ: Советую плагин Emmet, он для многих редакторов реализован, включая Npp.
Например создать таблицу 3x3 можно такой строкой:table>tr*3>td*3[Ctrl+Enter]
Или сгенерировать шаблон html страницы:html:5[Ctrl+Enter]
Или сделать текст-заглушку Lorem ipsum...lorem*10[Ctrl+Enter] (создаст 10 параграфов с разными текстами из lorem.
Вообщем удобно.
Вопрос: Как на лету добавлять столбцы в базу данных?

Лучший ответ: А что вы понимаете под "на лету"? Реакция на некое действие пользователя? Для 99,9% случаев - такое поведение не нужно. Нужно чуть чуть пересмотреть задачу и сделать без добавки столбцов. БД - вещь в высокой степени статичная должна быть. Исходя из этого можно заниматься ее оптимизацией работы. 
Ну а если вы хотите накатывать обновления без остановки приложения, то банального ALTER TABLE вам должно хватить.

Худший ответ: Например вот так
Вопрос: Почасовая оплата за дизайн, как считаете?

Лучший ответ: Дизайн - одно из моих направлений. Оплату беру за задание, предварительно оговариваю количество правок и их сложность: сменить бледно-розовый на нежно-розовый или поставить другой шрифт с Google Fonts - штуки 3-4 такие поправки делаю безвозмездно. Если просят более сложную переделку, то уже за деньги, но опять же беру не за час, а за факт выполнения. Мне самому неудобно работать по времени. Есть задачи простые, а есть задачи сложные. Приходится работать по аналогии с облачным хостингом: 100% мозгового времени - А руб/час, 100% работы руками - Б руб/час, нежелание делать эту работу - В руб/час... И из всего этого складывать длинную и сложную формулу... Проще прикинуть покроет ли, допустим, 1000 рублей мои затраты и удовлетворит ли эта тысяча моё самолюбие. Вот, например, за выкладывание готовых материалов на сайт я бы попросил около 500р/час, а за программирование - от 2000р/час. Опять же, как я уже сказал, я оценю сложность задачи и прикину время,заказчик будет платить исключительно за результат, даже если я затрачу не час, а три - мой косяк.

Худший ответ: Что касается больших проектов, когда очевидно, что правки 100 % будут у меня такая схема:
Заказчик хочет точные сроки и стоимость - логично.
Для оценки этих значений нужные точные задачи (ТЗ) - логично.
Поэтому "большие и сложные" проекты оцениваются всегда строго по задачам описанным в ТЗ или брифе. Отклонение от ТЗ свыше X-минут* означает либо: 
а) переписываем ТЗ с учетом новых задач (правок) пересматриваем сроки и стоимость включая стоимость работы над новым ТЗ.
б) включаем почасовой тариф (как простой в такси). При этом тариф работает до того момента пока мы не вернемся к ТЗ или не закончим проект на почасовом тарифе или не выберем вариант а).
Если довести эту информацию до заказчика доступным для него образом перед началом работы проблем не бывает.
Вопрос: Как правильно написать jQuery скрипт под такую задачу?

Лучший ответ: Извращение какое то.  Не проще создать отдельный шаблон и подгружать его при отдаче.

Худший ответ: $(document).ready(function(){
	if  (window.location.hash == '#w100' ) {
		$(".contentwidthr").css("width","100% !important");
	};
});
и добавьте к ссылкам
www.alkonarkostop.com.ua/lechenie-narkomanii.html#w100
www.alkonarkostop.com.ua/vazhno-znat.html#w100
как вариант
Вопрос: Есть ли какие-то требования к паролю по закону о персональных данных?

Лучший ответ: В соответствии с требованиями ст.19 ФЗ "О персональных данных" Правительство выпустило Постановление №1119, в котором в зависимости от объема обрабатываемых данных определяется требуемый уровень защиты (цифра от 1 до 4). 
ФСТЭК РФ в соответствии с ФЗ и ПП-1119 выпустило 2 приказа : для гос.учреждений - Приказ №17, для коммерческих учреждений - Приказ №21, в которых указывается какие меры защиты должны быть внедрены, и если это принципиально, то их характеристики. Парольная защита указана для всех 4 уровней защищенности, однако, параметры этой парольной защиты не указаны. Таким образом по факту они могут быть выбраны Вами любыми, если Вы в случае проверки докажете невозможности их взлома полным перебором за время его (пароля) жизни (иначе это будет противоречить тому же Приказу №21).
Дальше Вы должны отталкиваться от скорости перебора и вычислять по ней требуемую информационную емкость (энтропию) пароля. Явных требований к набору символов энтропия не задает, но увеличивая наборы, Вы фактически позволяете сделать пароль короче (при той же информационной емкости). И очень советую внедрять в системе таймаут (например, 2 минуты) после 5-10 неверных попыток подбора пароля. Иначе требуемая минимальтная длина у Вас выйдет просто нереальная для запоминания рядовому пользователю.

Худший ответ: Почитайте закон. Закон вообще не об этом.
Вопрос: Tablesorter — плавающий столбец с датой?

Лучший ответ: В документации есть ответ на ваш вопрос.
tablesorter.com/docs/example-meta-parsers.html
Указывать же настройки при инициализации tablesorter очень неудобно.

Для валидности следует настроить плагин metadata так, чтобы настройки он брал не из class, а из какого-нибудь другого атрибута data-*.
Например:
    metadata : {
      defaults : {
        type: 'attr',
        name: 'data-meta',
        cre: /({.*})/,
        single: 'metadata'
      },


Худший ответ: В документации есть ответ на ваш вопрос.
tablesorter.com/docs/example-meta-parsers.html
Указывать же настройки при инициализации tablesorter очень неудобно.

Для валидности следует настроить плагин metadata так, чтобы настройки он брал не из class, а из какого-нибудь другого атрибута data-*.
Например:
    metadata : {
      defaults : {
        type: 'attr',
        name: 'data-meta',
        cre: /({.*})/,
        single: 'metadata'
      },
Вопрос: Как настроить livereload страницы browsersync без сервера по умолчанию?

Лучший ответ: Кхм. Вам пофиг кто отдает страницу.
Алгоритм такой на сколько я разобрался.
В gulp watch запускается  livereload сервер
Плагин обращается к серверу и если  в одной из задач был вызван  livereload, то плагин  обновляет страницу (просто обнавляет - т.е рендерит ее нужный php движек)
Но ГЛАВНОЕ !!!! НАДО ВКЛЮЧИТЬ ПЛАГИН! ( щеклуть на его иконку!!!) Я из-за этого полчаса воевал со со своим окружением )).
Пример работы с gulp 

Худший ответ: у browsersync есть настройка proxy
Вопрос: Как добавить ruby скрипт в автозапуск Ubuntu?

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

Худший ответ: 1) по входу в систему: 
можно создать "filename.desktop" файл в директории ~/.config/autostart 
с примерно следующим содержанием[Desktop Entry]
Type=Application
Name=<Название приложения>
Exec=<команда для выполнения>
Icon=<путь до иконки>
Comment=<некий коментарий>
X-GNOME-Autostart-enabled=true
2) по старту системы: прописать вызов в /etc/rc.local
Вопрос: Выдавать сигнал на 4 реле в случайном порядке через равные промежутки времени?

Лучший ответ: Можно на ардуино, можно на компьютере через LPT.
Лучше всего — на attiny25 или pic12f629 или подобном миллипездрическом контроллере.
Если на реле должен подаваться сигнал 12В, то необходимо будет добавить транзисторы, тк контроллеры работают от 5В + реле — серьезная нагрузка, нельзя напрямую вешать к ногам контроллеров.
Хорошая статья по схематике — тут: easyelectronics.ru/upravlenie-moshhnoj-nagruzkoj-postoyannogo-toka-chast-1.html

Худший ответ: Для LPT есть чудная программа Hiasm. Это графическая среда программирования. Блоками можно нарисовать программу и она будет выдавать нужные сигналы на порт. А дальше 4 резистора, и 4 транзистора, например 2n2222 и 4 любых защитных диода. Задача выходного дня=)
Вопрос: ExtJs проблема или лень?

Лучший ответ: Зависит от оклада и уровня разработчика.

Худший ответ: ExtJS? Не, не слышал
Вопрос: Реализация несложного бэкэнда мобильного приложения?

Лучший ответ: Опять я на Вас попал ))

Контента много?
Самый элементарный по-моему это php+mysql+json.
Передаете на апи последний ид и получаете все новое что появилось. В приложении парсите и заносите в базу новые данные.
Что бы уменьшить нагрузку и не делать каждый раз запросы к базе можно использовать memcache.
Создание такого бэкэнда займет от силы минут 20 с тестами и перекурами :)

Худший ответ: Может Helios вам поможет
Вопрос: Как определить золотой цвет в CMYK?

Лучший ответ: Откройте в Фотошопе картинку, например, с Кольцом Всевластья - очевидно золотым.
Переведите картинку в CMYK и побегайте по ней пипеткой. Нормальный такой разлет? Так вот, все это - цвет золота в зависимости от освещения.
Правда, если тупо сделать заливку одним из этих цветов (например, C0M33Y66K6), она не будет восприниматься как золотая. Нужен перелив, блеск...

Худший ответ: Ну если вдаваться в детали, то золото это не только цвет, но и поведение этого цвета. Дело не только в переливе, а в заимствовании цвета окружения: на красном фоне золото будет насыщенно оранжевым, за голубом - зеленоватым и т.д.
Т.е. настоящее золото имеет динамичный цвет, из-за зеркальных особенностей металла, и единого оттенка на все случаи быть не может.
Столкнулся с этой проблемой на сайте, где золотые буквы на тёмном футере смотрелись отлично, а на белом были бледными, если подгонял под белый - на тёмном становились вырвиглазными) В итоге взял середину - good-inc.ru
Думаю, на цветном фоне проблем будет больше.
Вот, как хоть какое-то решение: 10 45 80 10
Вопрос: Как расположить несколько div'ов в ряд без использования стиля float?

Лучший ответ: Дивы, которые нуно раместить в ряд, размещаем внутри блока со следующим css-правилом
display: table;
А самим дивам задаем
display: table-cell;
В чем плюс подхода: нету пробелов между блоками, все приемущества таблиц.
При этом в диве, который задан с display: table желательно больше ничего не располагать.
Это имитация таблиц на css для блочных элементов.
Можно сделать на родной таблице через элементы table, tr, td.
Почитайте просто свойства display: table, display: table-cell, display: table-row.

Худший ответ: Я не правильно использовал inline-block. Теперь разобрался, спасибо всем!
Вопрос: Существует ли список ресурсов хранящих пароли в открытом виде?

Лучший ответ: https://chrome.google.com/webstore/detail/plain-te... есть такое дополнение к хрому. 
Жаловаться на сайты к нему можно здесь - plaintextoffenders.com/submit

Худший ответ: Даже если Вам на почту не приходит сохраненный пароль - это не значит что в недрах базы он не хранится plain text.
С точки зрения безопасности - правильно иметь отдельный уникальный пароль для каждого из ресурсов, и пусть хранят как угодно.
Я лично применяю это правило к ключевым для меня сайтам (+ где можно включаю двухфакторную аутентификацию), для ресурсов где регистрация не представляет для меня никакой ценности - один общий пароль.
Вопрос: Поисковая оптимизация профиля под upwork.com. У кого есть информация?

Лучший ответ: 1) Быть доступным по статусу Availability. Если нет - то не придет совсем.
2) Top Rated (в большей степени), Rising Talent (в меньшей). Буквально через 3 дня после получения TR мне почти ежедневно стали падать предложения на интервью. 
Очень многие из них, к сожалению, абсолютно бесполезны (ибо рассылаются еще сотням таких же фрилансеров и редко несут интересные контракты). Но бывают некоторые заманчивые, однако чтобы их выиграть нужуно либо иметь _именно ту_ специализацию что хочет клиент, либо превосходное портфолио, относящееся к контракту.
В целом для себя пользы особой не нашел. Приходится еще и следить за этим чтобы поддерживать статус "Responds within 24h"

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

Лучший ответ: 1) учим javascript на нормальном уровне (с осознанием что такое контекст, скоупы, замыкания, прототипное наследование и как вообще ООП в js устроено)
2) разбираемся с MVC и прочими штуками
3) далее читаем документацию к ангуляру и паралельно гуглим статьи отдельные и все такое
4) далее читаем angular styleguide (можно паралельно с документацией)
Все пункты подкреплять практикой.

Худший ответ: Я вот начинала изучать по этой книге:«Freeman A. - Pro AngularJS (The Expert's Voice in Web Development) - 2014» (amazon)
Понравилась тем, что с самого начала есть практика.
И, конечно же, в обязательном порядке вначале изучить чистый JavaScript.
Вопрос: Насколько логично на «Тостере» отмечать ответ понравившимся, если автор вопроса отмечает его решением?

Лучший ответ: @karaboz Решение вопроса в ответе и симпатия к ответу не равнозначны. Привязывать их друг к другу не логично. Если автору вопроса ответ не только помог, но и понравился, он его лайкнет. Лайки на тостере вообще показатель сомнительный, могут налайкать какой-нибудь бред или троллинг, как будто это не ответ к вопросу, а цитата на баше.
Хорошо что рейтинга с плюсами - минусами и кармы здесь нет :)

Худший ответ: а какой смысл нажимать нравиться ? если при нажатия решения  автору ответа дают + 1 в рейтенге , за пост могут проголосовать и другие  пользователи которые посчитали данный ответ хорошим и полезным .  Но я так понимаю вы хотели бы  сразу одной кнопкой решения делать два действия , не вижу в этом смысла .