pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Drupal 7 и форма обратной связи?

Лучший ответ: Нужно сделать форму обратной связи, но не стандартную, как у модуля Contact, а человеческую(placeholder и js немного)
Если отличия от стандартной формы только в оформлении и каких-то дефолтных значениях, то используйте стандартную же. У каждого элемента свой постоянный id, цепляйтесь к ним и добавляйте все, что требуется, через JS.

Если требуется более серьезное изменение интерфейса и добавление какого-то контента (но не полей формы), то так же можно обойтись системным модулем, задействовав возможность шаблонизации этой страницы через темы:

1. В папке темы, с которой вы работаете, редактируете файл template.php. Добавляете/модицифируете функцию:

function %имятемы%_theme() {
	return array(	'contact_site_form' => array(
					'render element' => 'form',
					'template' => 'contact-site-form',
					'path' => drupal_get_path('theme', '%имятемы%').'/templates',
				),
	);
}


Добавляете функцию:

function %имятемы%_preprocess_contact_site_form(&$vars)
{
	$vars['form_html'] = drupal_render_children($vars['form']);
/*	$vars['name'] = drupal_render($vars['form']['name']);	
	$vars['email'] = drupal_render($vars['form']['mail']);
	$vars['subject'] = drupal_render($vars['form']['subject']);
	$vars['message'] = drupal_render($vars['form']['message']);
	$vars['copy'] = drupal_render($vars['form']['copy']);
	$vars['submit'] = drupal_render($vars['form']['submit']);	*/
}


2. Создаете в папке темы файл contact-site-form.tpl.php. В него будет передаваться переменная $form_html, в которой будет оригинальный код формы, и он будет выполняться на странице обратной связи. По желанию, раскомментировав код из блока выше, можно передать туда и все элементы формы по отдельности. Все они придут в виде готового html-кода. Базовый пример этого файла:

<p>Пишите письма!</p>
<div class="submit-contact-form"><?php print $form_html; ?></div>


И еще каким образом можно вывести несколько последних статей на главную
1. Устанавливаете модуль Views.
2. Создаете в нем представление с нужными фильтрами.
3. Создаете блок для него
4. Перетаскиваете блок в нужную вам область и ограничиваете отображение только главной страницей.

P.S. Ненавижу Drupal за чрезмерное количество муторных манипуляций, и поэтому давно его бросил.

Худший ответ: $vars['submit'] = drupal_render($vars['form']['submit']);
Кнопку не выводит почему-то (
Вопрос: Почему Mikrotik dhcp раздаёт не ту подсеть?

Лучший ответ: А покажите вывод:
/ip dhcp-server print
/ip dhcp-server network print 
/ip pool print

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

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

Худший ответ: Попробуйте поставить кастомное рекавери. Например, TWRP позволяет из него же подключать устройства как по MTP, так и как USB.
Вопрос: Является ли отсутствие SSL на сайте собирающим данные клиентов нарушением ФЗ № 152 «О персональных данных»?

Лучший ответ: ФЗ-152 признаёт весьма ограниченный круг средств защиты. Если Вы используете SSL от "неправильного" центра - с точки зрения ФЗ Вы также не выполняете требования.
Однако, на практике любые объективные шаги с защите ПДн - есть хорошо.

Худший ответ: Серваки, где хранятся данные должны быть в России. Наличие SSL по данному закону необязательно.
Вопрос: Аномальная нагрузка на Apache и MySQL?

Лучший ответ: Ну посмотрите логи апача в этот момент и проверьте какие кроны запускаются в этот момент

Худший ответ: Я бы смотрел в логи apache и nginx - будет понятнее, откуда подключения, с одного ли адреса, на какую страницу и т.п. Возможно стоит обнаруживать такую активность и блокировать таких нежелательных гостей минут на 15 посредством fail2ban и iptables.
Возможно, положительно скажется на производительности переход от связки nginx+apache на связку nginx+php-fpm. (Личное мнение)
Вопрос: По какой формуле можно получить круговую последовательность чисел?

Лучший ответ: Это - деление по модулю, но есть нюанс:
В разных языках оно реализовано по-разному, т.е. это не вполне "математическая функция".
Вот питонMOD = 3

def f(x):
    return (x - 1) % MOD

for x in range(MOD):
    print(f'f({x}) = {f(x)}')
А в javascript'е уже надо ловчитьconst MOD = 3;
const f = x => (x + MOD - 1) % MOD;
for (let x = 0; x < MOD; x++)
    console.log(`f(${x}) = ${f(x)}`);
Причем в питоне javascript'овый вариант работать будет )

Худший ответ: int cur = 5;
int max = 10;
cur = ( cur-1 <= 0 )? max : cur-1;
Это что ли?UPDT1:  Ну тогда вот так (первое, что в голову пришло, может можно проще - лень думать):int cur = 5;
int max = 10;
cur = max-cur/cur*(max+1)+cur;
Но, имхо, через if будет быстрее :DD
Вопрос: Книга для ПРОДЛЖЕНИЯ изучения Pascal?

Лучший ответ: Если вы ещё не читали "Песни о Паскале" , то просто люто рекомендую! Ни разу не пожалел что начал именно с этой книги. В качестве логического продолжения - Фаронов Turbo Pascal, желательно что бы потолще книжка была. В такой вы найдёте описание ООП библиотеки TurboVision, которая очень хороша для обучения азам ООП проектирования

Худший ответ: Да конечно, с/с++ это продолжение для знающих основы паскаля ;)
Вопрос: Можно ли заменить дисплей на ноутбуке с 1366х768 на более высокое разрешение (ASUS X555LN)?

Лучший ответ: Пока нет других ответов — напишу вот что. Разрешение удастся поменять вряд ли, обычно на видеокартах фиксированное разрешение на внутренний интерфейс, но заменить б-гомерзкий TN на IPS возможно удастся, если будет совместимый интерфейс и самое главное габариты панели (правда скорее всего подгонка в край тоже будет невозможной и надо будет чем-то заливать или заклеивать)

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

Лучший ответ: Никак.
Почему все думают, что в интернете можно зарабатывать без навыков? Вы же не можете устроиться на обычную работу без навыков. Интернет тут ничем не отличается: это обычная работа, только удаленная. Нет навыков = нет работы.

Худший ответ: Без навыков, это контентное наполнение (взять отсюда - положить туда, кнопку красно-зеленую нажать и т.п.) или обзвон клиентов, колл-оператор так сказать.
Еще поиск+сбор информации - но это редкость
Вопрос: После подключения к телевизору внешнего hdd не видит файлы. Как их достать?

Лучший ответ: В простых случаях (как ваш) - Power Data Recovery или WinHex. Они самостоятельно перебирают таблицу файловой системы и показывают все файлы, что на самом деле есть на диске.
В сложных случаях - R-Studio. Эта программа полностью просканит диск, из обрывков записей файловой системы и сигнатурным поиском найдёт всё, что только возможно.

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

Лучший ответ: WordPress+ WP Polls(плагин)
или Google Docs
или Survey Monkey

Худший ответ: на планшете без куки....
www.youtube.com/watch?v=_H8BAbJ8xhs говорит индус о гугл симпл поллс - простых опросниках
Вопрос: Какая файловая система лучше для раздачи файлов?

Лучший ответ: Во первых никогда не используйте reiserfs так как её развитие и нативная поддержка в линуксе заморожена.
В целом в продакшене использую ext4 и xfs, с опциями noatime работают примерно одинаково, есть и большие и мелкие файлы.
Тот кто пишет что xfs только для больших файлов давно не смотрел её ченджлог. С чего вдруг ext4 средне работает с большими файлами? Отлично она работает с большими файлами по сравнению с ext3.
Если у вас rhel based дистрибутив смело используйте xfs там нативная поддержка его, если debian based юзайте ext4.

Не верьте что контроллер и диски решают, какое нибудь кеширование в nginx + опции noatime дадут самых дешевых sata дисках больше, чем контроллер за $1000 + диски sas без оных.

Худший ответ: Выше правильно написали: аппаратные решения дают наиболее ощутимый прирост. То есть при наличии быстрых дисков, контроллера (это как вариант, потому что есть другие варианты) тип ФС будет значить сравнительно мало.
Вопрос: Какое время выполнения SQL запросов считается большим?

Лучший ответ: Это зависит от задачи и от запроса.
Помню в одном проекте нормальным считался запрос выполнявшийся 5 часов...

Худший ответ: Пока вас/клиента удовлетворяет время выполнения - запрос достаточно быстрый, как только перестает - пора что-то предпринять. Часто бывает достаточно добавить в таблицу правильный индекс, чтоб запрос стал работать на порядок быстрее.
Но как верно заметили выше - некоторые запросы не возможно сделать достаточно быстрыми из-за специфики выполняемых задач.
Вопрос: Автоответ на фрилансе?

Лучший ответ: Таких хитро%опых обычно сразу банят. Отвечай нормально.

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

Лучший ответ: ZCE и ZCE-ZF — нафиг не нужны.
github — ваше лучшее резюме.

Худший ответ: На счет Javascript:
 — www.ciwcertified.com/Certifications/Web_Development_Series/javascript.php
 — Brainbench
 — W3Schools
Вопрос: Стоит ли все function собирать в одном файле?

Лучший ответ: Стоит ли все function собирать в одном файле?
Нет. Группируйте функции по их зоне ответственности. В целом вам просто должно быть удобно. Попробуйте через неделю найти какую-нибудь функцию и засеките сколько на это у вас ушло времени.И стоит ли плодить около 5-10 функций для разборчивости кода?
Стоит. Это называется декомпозицией. Когда вы одну большую задачу (отобразить страницу) дробите на маленькие подзадачи. Велик шанс что на других страницах что-то из этого пригодится. Да и просто так удобнее. Маленькое проще править чем большое.

Худший ответ: Определенно любые функции нужно иметь в отдельных файлах, а не в самом коде, ибо если вдруг нужно будет найти какую-либо функцию, чтобы отредактировать ее тело, найти ее будет весьма проблемно. xmoonlight хорошо описал, что стоит разные виды функций раскладывать по разным файлам. Плюс этого еще и в том, что тогда можно подключать файлы с разными функциями только по мере необходимости в них. Что-то сродни библиотекам. Хотя на самом деле в PHP большое количество кода - это экономия на спичках, это же не JS.
Вопрос: Как работают коллбеки?

Лучший ответ: Мб на таком примере будет проще.// асинхронная функция, которое аргументом передаем callback
function asyncFunction(callback) {
	setTimeout(function() {
  	callback('Hello, World!'); // вызываем callback и передаем ему ответ 'Hello, World'
  }, 2000);
}

// Вызываем асинхронную функцию, но чтоб получить ответ, нужно передать callback
// Т.е передаем другую функцию
asyncFunction(function(response) {
	alert(response); // выводим ответ.
});

Худший ответ: В JavaScript можно передавать одну функцию в другую функцию, и вызвать ее там, в нужный момент, вот и все.var callbackFunc = function (callbackText) { // описываем наш колбек, это обычная функция
  console.log("callbackFunc say :: " + callbackText);
};
var runCallbackFunction = function (callbackToRunFunc) { // это функция, которая запустит коллбек
  callbackToRunFunc("run as callback")
}
runCallbackFunction(callbackFunc); // запускаем функцию которая запустить переданный в параметры колбек
Вопрос: Странная зараза в chrome superfish.com

Лучший ответ: Отключите все расширения и плагины (и левые и правые, вклчюая chrome://plugins/) и включайте по одному. Когда появится — тот и виноват.

Худший ответ: Спасибо за советы, виновник торжества найден это расширение — Read Later Fast, теперь осталось разобраться что за дрянь пихается в JS, т.к. плагин весьма полезен и не хотелось бы отказываться от него из-за лишней паранойи.
Вопрос: Можно ли починить клавиатуру ноутбука?

Лучший ответ: Чинить — вряд ли. Я пытался починить свою посоеднюю ноутбучную клавиатуру, аналогично залитую водой.
Там два контактных слоя, сверху — резиновая мембрана под каждой кнопкой.
Так вот в моем случае эти два контактных слоя были надежно склеены в нескольких местах, и оторвать друг от друга для того, чтоб обработать-протереть не получилось.
Выход — нашел клавиатуру на ебее за 15 долларов с бесплатной доставкой. Меняется минут за 10. На задней стороне ноутбука есть пару винтов, откручиваются, клавиатуру отщелкиваем и отключаем шлейф.
Тоже, кстати, асус.

Худший ответ: Ничего плохого не случится, если попытаться. Я в свое время для нетбука ASUS успешно чинил. Нужно разобрать клавиатуру, снять все клавиши, извлечь пленку, на которой находятся контакты, и почистить ее. Кроме стандартной чистки-сушки, есть вероятность, что нужно будет подрисовывать дорожки токопроводящим клеем (или графитом в худшем случае).
Ищите в интернете, должно быть много мануалов по разбору вашей клавиатуры.
Вопрос: Какой логгер для Java использовать в 2017 году?

Лучший ответ: slf4j - не логгер, а апи к логгерам, обертка над ними. Я бы рекомендовал slf4j + logback. Мы используем, по-моему стандарт де-факто сейчас.

Худший ответ: Важно использовать slf4j+LOGGER, где LOGGER - логгер для которого поддерживается связка с slf4j. Из таких логгеров могу посоветовать только log4j и logback. Сам использую второй. 
При использовании slf4j можно ВООБЩЕ абстрагироваться от типа логгера который использушь. Тем самым в любой момент можно перейти с logback на любой другой. Еще slf4j позволяет 'перенаправлять' cообщения логгеров подключенных библиотек в основной логгер приложения.  Так, например, вы подключили к вашему приложению библиотеку в которой уже встроен log4j, а вы в своем приложении используете logback. Подключив "переходник slf4j-log4j" все сообщения подключенной библиотеки пойдкут в slf4j, а затем в ваш logback.
Вопрос: IE в Mac OS

Лучший ответ: Стоит VirtualBOX с виндой. Файлы шарятся стандартными средствами (общие папки). Проблем нет, потребляет в айдле 5-7% цп.

Худший ответ: VirtualBox вполне достаточно и он бесплатный.
Вопрос: Как подключить LLVM в качестве C++ библиотеки?

Лучший ответ: Указать путь к заголовочным файлам.Указать путь и имя библиотеки.
Детали могут отличаться в зависимости от вашей среды разработки. В visual studio должны быть настройки для этого. Если используете cmake, тогда используйте find_package, target_include_directories, target_link_libraries.

Худший ответ: Тут все есть ссылка
и простые примеры тоже.
Вопрос: Зачем использовать template engines(pug, handlebars и т.д.) если есть ui libraries(react, vue)?

Лучший ответ: Я бы не стал так все в одну кучу валить. 
pug — это не только шаблонизатор, но и препроцессор, то есть он предоставляет альтернативный, во многом удобный синтаксис.
Для vue/react генерация html это только часть обязанностей, они еще должны аккуратно и быстро обновлять его и реагировать на пользовательский ввод.
Если проект не предусматривает динамического фронтенда, то вполне можно обойтись одним шаблонизатором — pug/handlebars/что хотите. Далеко не везде нужен SSR.
P.S. то, что react нельзя использовать с pug — это личные половые трудности сугубо реакта. Я использую vue+pug и доволен как слон:)

Худший ответ: Для начала Реакту и Вью пару лет от роду (активного использования и хайпа).
И темплейтинг - это какой-то жалкий процент от их возможностей. 
Вопрос некорректный. Для использования pug, handlebars достаточно одного модуля. Для Реакта нужно поднимать целое окружение (для того чтобы нормально использовать). Со вью проще, но для получения выгоды темплейтинга тоже одного Вью не хватит, нужна сопутствующая экосистема (vue-loader как минимум). И с тем же vue-loader спокойно используют и Jade.
Вообщем, ты сначала бы сам попробовал все, судя по вопросу понимание весьма расплывчатое.
Вопрос: Адаптивная верстка без Bootstrap, какие варианты?

Лучший ответ: Я думаю, что это Вам поможет frontender.info/adaptive-vs-responsive-terminology

Худший ответ: Ну так напишите свой велосипед сетки + media queries
Заодно разберетесь что и как устроено + скил поднимите.
На самом деле ничего ахти сложного там нет.
Вопрос: Как отловить создание элемента?

Лучший ответ: По событию отловить не удастся, т.к. такого события просто не существует. Если известен характерный класс для создаваемых дивов — прописать им .selector {display:none !important}, а потом попытаться удалить по таймауту, когда загрузятся.

Худший ответ: setTimeout(function(){ $(«selector»).remove(); }, 0);

попробуйте так.
Вопрос: Как исполнить такую диаграмму на Html и CSS?

Лучший ответ: d3.js - чтобы сделать на SVG. По мне так канвас для этого использовать - прошлый век.
Вот простенький мануал(ссылка) по пай чартам. Дальше смотрите доку d3.js

Худший ответ: Используйте карту изображений (imagemap).  Это html теги map, area, img.  
Если вид стандартной подсказки (средствами браузера) недостаточно, то гуглите как делать tooltips на css.
Вопрос: Как вы осваивали Node.js?

Лучший ответ: Сперва смотрел этот скринкаст, затем писал код для реального проекта и в случае, если что то не получалось, искал в гугле.

Худший ответ: Просто узнал, что есть Node.js
Скачал, прочитал 1 статью.
И пишу теперь...
Вопрос: Нужен ли хабра плагин для Google Chrome?

Лучший ответ: Нужен. Почему нет ссылки на плагин?

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

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

Худший ответ: Создайте свой Online CV. За одно и покажете как фронтендер, как надо :)
Вопрос: Популярные сайты с черным списком заказчиков?

Лучший ответ: Договорились на словах ?
Значит вы работали бесплатно. Виноваты сами.
Есть пару таких сайтов, но толку от них ноль. Там собираются только нытики и все.
В поисковиках не ранжируются. 
Зачем вам такой сайт, пожаловаться сайту на заказчика или найти информацию ?

Худший ответ: Воспользуйтесь обращение в службу поддержки и/или напишите на форуме/блогах той биржи о факте обмана.
Единых «баз с недобросовестными людьми» нет. Есть локальные типа таких 
freelance.org.ru/forums/chernyj-spisok-zakazchikov.60 
https://blabber.freelance.ru/blog/BlackList/
Есть еще зарубежный сайтик с неоплаченными счетами фрилансеров www.worldslongestinvoice.com но это так, поиграться.
Если у вас есть сайт, то напишите там, пусть проиндексируется. 
PS На моём страница с историей о двух неплательщиках лидирует по траффику из поисковиков XD И после долгого молчания только появление этой страницы заставило выйти на контакт с предложением убрать отзыв за выплату части долга.
Вопрос: Стоит ли учить Asp.net Web Forms или сразу учить MVC?

Лучший ответ: сразу MVC, WF устарел.

Худший ответ: MVC, MS даже отказались от WebForms, продолжается лишь поддержка в рамках .Net 4, в ASP.Net Core это и не было.
Вопрос: Как из js коллекции обратиться к элементу над которым произошло событие?

Лучший ответ: Можно попробовать с циклом for of, который перебирает элементы коллекции querySelectAll
<ul>
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
</ul>

let buttons = document.querySelectorAll('.list-group-item');

for (let button of buttons) {
  button.onclick = function() {
    button.style.backgroundColor = 'red';
   }
}

Худший ответ: Вот так 
https://jsfiddle.net/687wf5ee/1/
Вопрос: Как найти партнера по программированию?

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

Худший ответ: 1. А почему ты задаешь этот вопрос на русскоязычном сайте?
2. Понятно зачем тебе нужен партнер - и язык поднянуть и программирование. А ты ему зачем нужен?
Вопрос: Перенос данных?

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

Худший ответ: Можно сделать резервную копию первого, затем переименовать папку с файлами куда тунец пишет копию — сделать копию второго айфона. Далее в обратном порядке :)
Вопрос: Как «разогреть» метод в Java?

Лучший ответ: JIT-компилятору нужно выполнить код, чтобы понять, как его комплилировать.

Худший ответ: 1) Возможно у вас есть lazy-инициализации
2) Посмотреть про "java -server" vs "java -client"
Вопрос: Какой существует бесплатный редактор для html5 + css + js с максимальными возможностями из коробки?

Лучший ответ: JetBrains WebStorm умеет все самое необходимое для новичка из коробки. Он платный, но компания предлагает максимально гибкие скидки и даже бесплатные лицензии. Также можно обратить взгляд на Atom, VS Code и Adobe Brackets.
Советую попробовать все из этого списка, ибо это как штаны - нужно мерить.

Худший ответ: NetBeans советую =) Удобен и практичен в использовании.
Вопрос: Сервис для граббинга аккаунтов ВК?

Лучший ответ: https://api.vk.com/method/users.get?user_ids=1&fie... - легкое получение информации в формате json, далее делайте с ней что хотите.
Документация https://vk.com/dev/users.get

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

Лучший ответ: Поступите на мат.фак.

Худший ответ: Изучить всю математику наверное невозможно. Имеется в виду высшую. 
Если говорить о road-map - то он есть у ВУЗ-ов в контексте специальности. Физ-мат. Мех-мат. 
Вот поступайте в ВУЗ и вам там накидают роадмапов. Мало не покажется. 

Непонятно откуда у вас появилась опция в виде 2 лет. Она может очень резко исчезнуть по
жизненным обстоятельствам. Женился. Пошел работать и т.п. Я не встречал в жизни
людей которые могут так "жахнуть" 2 года просто на изучение чего-то.
Вопрос: Почему не появляется подсветка pug в atom?

Лучший ответ: попробуйте language-pug-jade

Худший ответ: В репо language-pug предлагают вернутся к language-jade и поправить core в config.cson для поддержки pug файлов:customFileTypes:
      'source.jade': [
        'pug'
      ]
Вопрос: Какие технологии нужно знать для создания мессенджера?

Лучший ответ: Самая важная технология которую нужно знать: Google Search.
На базе этой технологии построены лучшие в мире проекты.

Худший ответ: Вместо нагорождения очередных колхозов проще взять XMPP\IRC. Библиотеки есть вообще под любой язык, все максимально лаконично и обкатано десятками лет. В случае xmpp есть невероятное количество xep'ов на любой случай.
Вопрос: Как выбрать плату, чтобы все заработало (не пришлось перепрошивать/обновлять bios)?

Лучший ответ: Asrock H110M-DVS R2.0 с BIOS версии от P7.30 поддерживает Kaby Lake из коробки и H110M-DVS R3.0 с биосом версии от P1.10. Версия биоса укзана на самой материнской плате - наклеечка с номером на блоке аудиоразъёмов или где-то примерно там. Можно просто придти в магазин и убедиться, что версия конкретного экземпляра подходит.
PS А разве существуют для LGA1151 материнки с DDR3 или DDR3L? Мне такие не встречались.

Худший ответ: Либо брать готовый неттоп либо собирать на базе материнской платы с интегрированным процессором. Например: https://www.dns-shop.ru/product/10f81e2880893330/m... или https://www.dns-shop.ru/product/491fbbb986883361/m...
Вопрос: Как рисовать сайт, который будет верстаться на bootstrap?

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

Худший ответ: По сетке Bootstrap рисовать, желательно для нескольких дисплеев. Даже на Хабре есть информация по макету.