pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Как определить востребованность (или рентабельность) проекта?

Лучший ответ: Как определить востребованность (или рентабельность) проекта?найти клиентов и получить от них деньги

Худший ответ: Параллельно с анализом рынка, делаем лендинг, который даст представление о заинтересованности аудитории:
1. При создании страницы, следуем вот этим критериям.
2. Над футером (внизу страницы) размещаем надпись: "Coming soon..." и надпись: "Оповестить меня об открытии сервиса по электронной почте." и поле "Куда:".
Вопрос: Как разобраться с bitcoin майнингом CPU?

Лучший ответ: Сначала изобретите машину времени, переместитесь в 2009 год, и может тогда что-то у вас намайнится. Сейчас вашу толпу серверов обгонит домашний юзер с видеокартой. ОДНОЙ.

Худший ответ: Майнинг уже не окупает даже счетов на электроэнергию.
Вопрос: Какие размеры и взаимное расположение крепежных элементов мат.платы и видеокарты?

Лучший ответ: какие размеры стандартной материнской платы
https://ru.wikipedia.org/wiki/%D0%A4%D0%BE%D1%80%D...Иными словами, как должны располагаться прорези в компьютерном корпусе, в которые будут выходить задняя панель
В системнике такая прорезь всего одна, большая и прямоугольная. Планка с прорезями для разъёмов МП уникальна для каждой модели и идёт в комплекте с материнкой.

Худший ответ: Гуглите стандарты нужной вам платы - например ATX, miniATX, miniITX - там есть все размеры.
Вопрос: Трудно ли устроится начинающему студенту-программисту в большом городе?

Лучший ответ: какие должны быть данные современного выпускника it-шника?2+ года опыта работы по профилю обучения
При любом ВУЗе есть кучка фирм, где берут парттайм и дают отпуск на сессию
ИМО 
Курсы не нужны
Разве только в виде интенсива по узкому профилю или в виде хакатона на конференции

Худший ответ: Не сложно.
Вопрос: Как использовать python и google картинки?

Лучший ответ: https://cloud.google.com/vision/docs/reference/rest/
Вот описание соответствующего REST API Google, требуемые библиотеки - requests + json.

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

Лучший ответ: В каких бесплатных IDE работают PHP разработчики?
Смотря какие. Во первых хороший php разработчик имеет деньги, что бы купить себе PhpStorm или аналог. Соответственно остальные (может быть и хорошие, но почему-то бедные, может религия не позволяет, хз) работают в sublime 3 и с пеной у рта доказывают, что этот "блокнот с плагинами" очень удобная штука. Так что сколько людей столько мнений. На вкус и цвет все фломастеры разные.В частности, хочу написать плагин для 1С Битрикса, но опыта работы с PHP очень мало.
А зачем Вам IDE под Битрикс да еще с начальными знаниями. Берите реально sublime. Для Ваших задач его выше крыши. Если б Вы работали с хорошо документированы проектом, с ООП, куча файлов, подклюена консоль, фтп клиент, база - тогда разница была бы нереальная. А для плагина для 1С Битрикса и блокнот годится. Пара плагинов, что бы автокомплит был и красота.

Худший ответ: Вот все тут говорят что лучше раскошелится на PhpStorm чем пользовать NetBeans.
Есть альтернативное мнение: Я пользуюсь NetBeans очень давно и доволен. На работе по корпоративным правилам использую PhpShtorm. И NetBeans мне всё равно нравится больше! Хотя, должен признать что и у Шторма есть масса плюсов.
Вопрос: Как пишутся сложные SQL запросы?

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

Худший ответ: а проблема то в чем? в том что вы хотите видеть в SQL запросе художественный текст со смыслом? )
с опытом будете видеть и понимать.
а вообще форматирование сделайте - будет все читаемо и наглядно.
Вопрос: Как создать большой JSON файл и вывести его в качестве response в Node.JS?

Лучший ответ: Просто стримьте респонс. Если уж вообще нагрузки - тогда по крону создавайте файлы, но отдавайте всё равно через стрим, чтобы экономить нагрузку на оперативку на сервере.
https://www.npmjs.com/package/mysql#streaming-quer...
https://medium.freecodecamp.org/node-js-streams-ev...
// EDIT
https://www.npmjs.com/package/mysql#piping-results...
Само собой, надо будет еще посидеть пошаманить. Пример на коленке набросан)async function getExpensiveDataFromDb(req, res) {
   // запускаем запрос без второго параметра
  connection.query('YOUR HUGE SQL QUERY')
    // получаем из него стрим
    // из документации пример, что в буффер по 5 записей за раз пихаем 
    .stream({ highWaterMark: 5 })
    // перенаправляем его в res
    // который является class Http.Response extends Stream (Writable)
    .pipe(res);
}

Худший ответ: Варианты:Возвращать данные, разбив на части (допустим, 100+100+100+37 строк). API должен предоставлять возможность получения данных порциями.Загружать данные в какое-то облачное хранилище и оповещать о готовности отчетаВозвращать просто аггрегированные данныеЕсли речь о синхронизации БД, то настроить репликацию или же способом №1
Вопрос: Почему бы не сделать PHP полностью асинхронным?

Лучший ответ: 1. PHP умирает на каждый запрос. Это его главное преимущество и особенность. Это допускает очень много вещей, т.е можно не париться закрытием файлов, завершением подключения к БД и т.п. Как только вы захотите писать асинхронно вам про всё это нужно будет помнить.
2. Итак, плавно переходим к тому что помнить, вобщем то, нужно будет не только вам. 99% всех библиотек/фреймворков etc. для PHP не пригодны к работе асинхронно.
3. "полностью асинхронным" = отсутствие блокировок? Первое на чем вы споткнетесь - банальные запросы к базе. С дефолтным драйвером они идут синхронно. Точно так же как синхронно работает куча других подключений, и всякие Swoole etc. вынуждены писать над всем этим свои обертки и свои драйвера к БД.
Вобщем, асинк в PHP это огромное усложнение на пустом месте, и при наличии блокирующих операций не имеет никакого смысла. Сильно проще сменить язык программирования, если вам нужна асинхронщина.
По описанию вашего вопроса - гляньте RoadRunner, интересная штука. Как раз чтобы сократить оверхед на инициализацию.
Есть ещё всякие штуки аля https://github.com/php-service-bus/service-bus , но повторюсь, проще подходящий ЯП взять.

Худший ответ: Вот буквально вчера слушал, советую к ознакомлению
https://5minphp.ru/episode49/ 
Если кратко, то охотясь за асинхронностью php, вы должны мыслить асинхронно и писать свое приложение опираясь на этот факт. При этом вы не выигрываете баснословные  секунды.
Вопрос: Условие IF в MySQL как добавить?

Лучший ответ: Update.... where запрос из вашего иф? Так не устраивает? И если уж совсем не подходит, можно использовать встроенные функции и там описать что угодно.

Худший ответ: Насколько я помню IF(Exp, true, false )
Вопрос: Какую CMS выбрать для закрытого сайта с портфолио?

Лучший ответ: ModX или любой известный PHP фреймворк.

Худший ответ: Многое зависит от ТЗ.
Я бы взял CMS Joomla! как самую простую.
Вопрос: Какую бесплатную ВМ можно использовать на win7x64?

Лучший ответ: Разбираться с VirtualBox, а не искать другую ВМ.

Худший ответ: VMware Player например, но конечно лучше было бы разобраться с синим экраном
Вопрос: Какой ноутбук для вёрстки выбрать?

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

Худший ответ: Макбук - красивая и оптимизированная ОС. Красивый дизайн. Самая удобная клавиатура.
Вопрос: С чего начать писать задание?

Лучший ответ: Сортировка слиянием

Худший ответ: Чтобы решить задачу бейте на подзадачи, в Вашем вопросе собственно уже всё есть:
1) Ввод массива
2) Слияние двух массивов
3) Алгоритм быстрой сортировки
Каждая из задач легко находится в поисковике. Хорошо бы ещё иметь тесты, которые докажут правильность решения задач.
Вопрос: Меню на wordpress из картинок?

Лучший ответ: Тут обычные инлайн-блоки с фиксированной высотой. Картинки у вас все одного размера, для заголовка ставите max-height: {высота для двух строк}. Собственно и все.

Худший ответ: display: inline-block/flex;
Адаптива не должно быть?
Вопрос: Стоит ли так делать с БЭМ классами?

Лучший ответ: Да, это нормально. Сам так делал, БЭМ допускает подобный микс.
Вы создаете новый, независимый блок, который можно встроить в article__author, то есть вы сможете встроить этот блок и в другие места, где нужен будет "автор". Единственное, что не понравилось, путаница с названием, как сказал sim3x. Я бы сделал универсальный блок .author, который в зависимости от своего местоположения менял бы какие-то аспекты своего оформления.стоит ли оно того
Если блок получается большим и состоит из нескольких блоков поменьше, то да. Вы же, надеюсь, не будете делать по десять специфичных классов .{block-name}__btn для каждого блока? Нет, вы сделаете сперва блок .btn, а затем будете миксовать его с .{block-name}__btn, чтобы 90% стилей были из блока .btn, а оставшиеся 10% определялись бы в зависимости от контекста.киньте ссылку где в документации про это есть 
https://ru.bem.info/methodology/quick-start/#Микс

Худший ответ: Независимость пропадает - не нужно оно такое
Тем более еще и появляется путанница в названиях
Вопрос: Какие есть профессиональные ценные сертификаты в диджитале в рекламе?

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

Худший ответ: Сертификаты и дипломная работа (стратегия продвижения сайта на пол года) ТопЭксперт. Некоторые работодатели указывают в вакансии наличие сертификатов о прохождении наших курсов как преимущество.
Вопрос: Углы в CSS. Как реализовать?

Лучший ответ: Через псевдоэлементы :before, : after

Худший ответ: Через css3 border-image.
Есть интерактивный генератор css тут: border-image.com
Вопрос: Почему при присвоении значения переменной «1» переменной «2», переменная «2» заменяется на «1»?

Лучший ответ: Вы присваиваете не значение, а ссылку на значение. Так происходит с объектами и массивами.let a = {x:1};
let b = a; // Теперь a и b указывают на один и тот же участок памяти.
b.x = 2;
console.log(a.x); // 2    Ах, вот оно как!

//Как скопировать:
let c = {}; //Создается новый объект и под него выделяется новая память
c.x = a.x; //Копирование значений, т.к. x это не объект.

//Универсальный вариант (копируются все свойства):
a.y = 11;
a.z = 111;
let d = Object.assign({}, a); 
console.log(d); // {x:1, y:11, z:111}Object.assign()

Худший ответ: Когда вы присваиваете объект, вы присваиваете ссылку на объект, а не делаете его копию. А потом переписываете поля самого emptyOrder, через ссылку на emptyOrder в session[ID].order. Нужно делать копию данных...
session[ID] = session[ID] || {
    log: [PathTmpl.main_menu],
    inline_log: '',
    name: ctx.from.first_name,
    last_name: ctx.from.last_name,
    auth: 'new',
    admin: false,
    orders: [],
    phone: '',
    delivery: emptyAdress,
    order: Object.assign({}, emptyOrder)
  }
P.S. Не забудьте подключить полифил для Object.assign или пользуйтесь аналогичным методом фреймворка.
Вопрос: Пора переходить на виртуализацию?

Лучший ответ: Делайте как знаете. Нам откуда знать что у вас там за проекты, и чего вы хотите в итоге получить

Худший ответ: работает? не трогай!
Вопрос: Динамическая высота, контента в зависимости от высоты окна браузера(контент должен помещаться в окно не обриваться как на скрине)?

Лучший ответ: Как ни выписывай css  - но всегда найдется тот, кто подтянет нижний край браузера до размеров - 1024 х 100 px. Как тогда быть?

Худший ответ: Используйте единицы vh для отступов и шрифтов и вертикальные media query, чтобы перестроить контент, когда высота слишком маленькая.
Вопрос: VK api где ошибка?

Лучший ответ: Разделять GET параметры нужно знаком &https://api.vk.com/method/messages.send?access_token=' + AT + '&user_id=13897175&message=' + str(i)

Худший ответ: Попробуй перенести access_token в самый конец URL
Вопрос: Удаление объекта в C++ без создания его через new, или можно ли удалять объекты взятием адреса (&)?

Лучший ответ: BaseClass BaseClassObj;
Объект создаётся на стеке и будет уничтожен(просто сдвинут указатель на вершину стека по факту) при выходе из области видимости(функции), попытки удалить его через delete будут приводить к UB, т.е. сказать, что произойдёт нельзя, да и незачем.

Худший ответ: > Объект BaseClassObj будет удален только по завершению программы.BaseClass baseClassObj;
Здесь создаётся объект на стеке. Имя — это просто имя объекта. Никаких указателей здесь нет. Как только мы покинем блок (любым образом: штатно выйти, goto, break, выброс аварии — кроме «жёсткого» выхода из программы функциями типа exit), у объекта автоматически исполнится деструктор и прямой вызов не нужен. Блок, то есть подпрограмму BaseClassPresentation.BaseClass *BaseClassObjPtr = new BaseClass(2);
Здесь BaseClassObjPtr это имя указателя (а не указатель на указатель). Объект создаётся в динамической памяти, и его придётся уничтожать вручную. Многое в Си++11 сделали для того, чтобы подобные объекты уничтожались не вручную, а всё теми же автодеструкторами.std::unique_ptr<BaseClass> BaseClassObjUp = new BaseClass(2);Это уже маленький объект со своим деструктором. А в деструкторе находится delete, и он сработает, как только программа выйдет из своего блока.
То, что вы хотите, иногда бывает нужно, и я вижу этому две причины.
1. Объект управляет какими-то сложными и важными ресурсами: большим количеством памяти, файлом, мьютексом… И этот важный ресурс бывает нужно освободить раньше, чем наступит деструктор. Например, у любого файлового потока есть функция close() — она закрывает файл.
2. У нас сложное и хитрое управление памятью, когда приходится использовать placement new и прямой вызов деструктора. Скажу честно, не использовал никогда. Как и 90% программистов на Си++.
Вопрос: Как сверстать макет из файла PDF?

Лучший ответ: Хм, вроде все современные версии фотопопа понимают пдф, в крайнем случае его можно открыть иллюстратором и получить все объекты как векторы и битмапы/маски, если в фш не открылось со слоями, хотя макет в пдф конечно не верх гениальности. Я бы поинтересовался чем вызван выбор этого формата в качестве основы, если ответ не в рамках адекватности, то и смысла колупаться нету имхо.

Худший ответ: хм... Почему бы не запросить макет в привычном формате psd?  Сразу ставьте такие недопонимания на место, вам потом на листочке в клетку будут макеты присылать, нарисованные шариковой ручкой. И не важно как и что можно открыть, запрашивайте нужный и привычный вам формат.
Вопрос: Перемещение указателя в зависимости от скорости движения по тачпаду, как включить?

Лучший ответ: Win+Rmain.cpl
там в настройках указателя включено ускорение?

Худший ответ: Не уверен как это зовется в макбуке на винде, но в играх такая штука всегда называлась acceleration
Вопрос: Как правильно откатывать пакеты после неудачного обновления?

Лучший ответ: Снести пакет и установить предыдущую версию :-) А вообще, можно фрю ставить на ZFS, и перед любыми сложными манипуляциями делать снапшот. Если что-то пошло не так -- просто откатывать снапшот.

Худший ответ: В port-mgmt есть порт portdowngrade. Я с его помощью успешно пару раз откатывался в довольно сложных конфигурациях. После установки внимательно читайте ман, там все написано.
Вопрос: Почему массив заполнился буквой H?

Лучший ответ: Память не инициализирована, поэтому там мусор. Что именно -- Unspecified Behavior.

Худший ответ: Вообще это довольно странно, никакого unspecified behavior происходить не должно, так как выражение new вызывает конструктор по умолчанию для каждого объекта, то есть встроенные типы должны быть инициализированы нулём.
Попробуйте вывести не символ, а его код, заменив одну строчку на:cout << static_cast<int>(arr[i][z]) << endl;P. S.  Несколько советов по коду. Во-первых, после директив препроцессора не нужно ставить точку с запятой:#include <iostream>
Во-вторых, endl не только переводит на новую строку, но и сбрасывает накопленный буфер, то есть сразу выводит всё на экран или в файл. Если у вас много вывода, это может очень серьёзно замедлить вашу программу. Для простого перевода строки выводите специальный управляющий символ '\n'
Если выводите матрицу (двумерный массив), удобнее делать это так:for (int i = 0; i < 10; i++) {
    for (int j = 0; j < 10; j++) {
        cout << arr[i][j] << ' '; // пробел можно убрать
    }
    cout << '\n';
}
Так же никогда не нужно использовать функцию system. Она приостанавливает вашу программу, и запускает другую (в данном случае pause). Такой вариант не только не оптимальный, но ещё и платформозависимый. Людям, которые используют mac или linux придётся вносить изменения в ваш код, чтоб запустить его, так как в этих ОС нет команды pause. Используйте для этого средства языка C++: cin.get();
И ещё никогда не используйте заголовочный файл conio.h. Он не является частью стандарта языков C или C++, и не поддерживается большинством компиляторов.P. P. S. Какой компилятор вы используете? Какой он версии? Какие ключи компиляции или настройки проекта в IDE?
Вопрос: Актуальный язык для удаленки?

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

Худший ответ: Ровно также можно прекрасно работать и по 1С удаленно.
Важно не какой работы больше (там кстати и конкуренция среди исполнителей повыше).
Важно - а в чем лично ты лучше разбираешься.
Вопрос: Как маршрутизировать запрос в другую подсеть?

Лучший ответ: на raspberry включите ip forwarding: www.ithowto.ru/75-kak-vklyuchit-ip-forwarding-v-li...
на компах домашней подсети добавьте маршрут к сети 192.168.1.0/24: route -p add 192.168.1.0 mask 255.255.255.0 192.168.0.99, где 192.168.0.99 - ip-адрес raspberry в домашней сети.
на ip-камере задайте в качестве шлюза адрес raspberry в сети с камерой.

Худший ответ: Можно камере дать ip из подсети 192.168.0.0/24 и на raspberry pi включить proxy_arp xgu.ru/wiki/Proxy_ARP
Вопрос: Почему не работают операции на JQ и JS?

Лучший ответ: false - пишите без кавычек, любая строка это true$('#cbPolicy').prop('checked', false);
Если хотите получить значение:$('#cbPolicy').prop('checked');
https://jsfiddle.net/whata/00cjsas1/

Худший ответ: Так правильно? https://jsfiddle.net/5827w0jw/
Но я бы делал так https://jsfiddle.net/5827w0jw/1/
И вообще задумался бы, стоит ли приводить булеву переменную к единице https://jsfiddle.net/5827w0jw/2/
Вопрос: Это скрыты код сайта?

Лучший ответ: Доброе утро.
Ну почему же?
В коде подключается несколько файлов, например require_once "inc/functions.php".
Вот с этого файла Вы и видите код.
Заходите в директорию "inc", ищите файл "functions.php", открывайте в редакторе и читайте код.
И в браузере Вы видите результат работы подключаемых файлов)))

Худший ответ: Это просто index.php. А вам нужно в директории движка найти папку с шаблонами. Она может называться по-разному: templates, layouts, views. В общем, суть в том, что это просто файл движка, а вам нужен именно файл шаблона с HTML-кодом.
Вопрос: Какие могут быть обоснования для ограничения штрафов по договору?

Лучший ответ: Во-первых, убытки / ущерб должны быть реальны обоснованы и документально доказаны, поэтому он не могут просто взять и насчитать 100500 миллиардов
Во-вторых, суды всегда применяют 333 ГК РФ. 
В-третьих, полное возмещение убытков гарантировано тем же ГК РФ так что это и в договор писать не надо

Худший ответ: Если Заказчик (ссылаясь на этот пункт) докажет в суде, что из-за (например) сбоя в Вашей программе он потерпел убытки (например не смог заключить выгодный контракт или остановилось производство), то всю упущенную выгоду он повесит на Вас. Надо ли оно Вам?
Если очень надо - меняйте формулировку, чтобы возможные санкции были для Вас приемлемыми. 
Договор на то и договор, чтобы договариваться о взаимоприемлемых условиях.
Вопрос: Можно ли заменить DDR3L на DDR3?

Лучший ответ: DDR3 и DDR3L - это типы оперативной памяти. Модули памяти с DDR3 отличаются от модулей типа DDR3L, тем что у модуля с оперативной памятью DDR3 напряжение - 1.5 Вольта, а у модуля типа DDR3L напряжение ниже и составляет - 1.35 Вольта. А это значит, что потребление электроэнергии у DDR3L меньше чем у DDR3 на 10 % и соответственно модуль памяти DDR3L является более экономичным.
Эти два типа памяти совместимы, то есть при определенной поддержке материнской платы на уровне BIOS-а на ней должны работать

Худший ответ: На официальном форуме леново пишут, что можно любую ставить. Чипсет позволяет.
P.S. тоже имею этот ноутбук, уже менял разъем зарядки, петли, отрезал один из кулеров, чинил тачскрин.. Думаю о замене RAM и аккумулятора
Вопрос: Область видимости у var и let внутри цикла. Как правильно?

Лучший ответ: Когда происходит клик, то i берется из внешнего LexicalEnvironment.
К моменту клика цикл завершился, последнее значение было i=2.
В результате значение всегда равно 2.
С переменной let не так.Каждому повторению цикла соответствует своя независимая переменная let. Если внутри цикла есть вложенные объявления функций, то в замыкании каждой будет та переменная, которая была при соответствующей итерации.Подробнее

Худший ответ: По всей видимости, потому что если мы используем let, то на каждую итерацию цикла создается отдельный скоуп. По идее, должно работать с var если все это дело обернуть в анонимную функцию, и запустить ее с передачей текущего i в качестве аргумента.
Вопрос: Какое кресло посоветуете для долгого сидения за компом?

Лучший ответ: Кресла - переоценённый продукт. Как Hi-End наушники. Маркетинговый буллщит. Просто возьмите то, на котором вам удобнее сидеть, нигде не колит и не натирает. И чаще вставайте и ходите за чаем.

Худший ответ: с аппликатором
Вопрос: Как переделать CURL запрос под PHP?

Лучший ответ: Добрый день.
Да, ваш код надо бы поправить:$post  = array('key' => 'value'); // укажите данные для отправки через POST
$headers = array('Content-Type: application/json', 'Authorization: Token 123', 'X-Secret: 123');

$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers); // отправка заголовков
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, $post); // POST-данные
curl_setopt($ch, CURLOPT_URL, 'https://dadata.ru/api/v2/clean/phone');
$result = curl_exec($ch);  
curl_close($ch);
echo $result;
Не стесняйтесь адаптировать код под свои конкретные нужды. Я просто указал вектор.

Худший ответ: curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
но вообще используй www.telerik.com/fiddler
Вопрос: Выбрать часть сторок?

Лучший ответ: data = """какойтотекст
блаблабла
<root>
...
<child name=name id=id>
<child name=name1 id=id1>
...
</root>
какойтотекст"""
print(data.split("<root>")[0])
print(data.split("</root>")[-1])

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

Лучший ответ: я бы сделал для блоков типа "костные ткани" враппер, внутри абсолютно позиционированных блоков (можно и одним обойтись) для которых добавить псевдо до\после для горизонтальной\вертикальной линии
Для каждого блока разные параметры длины\отступов и для базовых медиа точек в стилях проставить свои значения
Либо SVG, но это и сложнее и дольше.
Либо вообще одной картинкой с параметром background-size:cover
Будет не очень на совсем мобильных (от 400 пкс и ниже) но тоже как вариант вообще без геморроя

Худший ответ: jsfiddle.net/x2tLk07d  это баловство но я показываю просто для примера на что способен SVG для реального примера можно отрисовать идеально
Вопрос: Где оценить дизайн сайта?

Лучший ответ: Найдите ментора. 
Любая публичная оценка будет субъективной и в основной массе  исходить от непрофессионалов.

Худший ответ: Есть такие сообщества для веб-дизайнеров, где можно поделиться и обсудить макеты?
Какие сообщества и форумы посвященные UI — дизайну и UX есть в рунете?