pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Django vs RoR...?

Лучший ответ: Я начинал с Django, но однажды наткнулся на рельсы и этот туториал , и влюбился в них.

Почему Rails?

 — Быстрая разработка. В Rails это поставлено на первое место, и вместе с тем, рельсы неплохо масштабируются.
 — Экосистема. Для рельсов целая туча гемов на все случаи жизни. Devise, Gon, Mongoid, Rails_best_practices…
 — Тестирование. Просто попробуйте такие гемы как RSpec, Cucumber, Capybara.
 — Язык. После более простого питона, я немного побаивался языка с кучей спецсимволов, как оказалось, зря :) Хорошо написанный код читается как текст на английском, в особенности при использовании DSL.

Худший ответ: Несомненное преимущество rails — это гигантская экосистема, симбиоз разных гемов, множество удобств для вывода в продакшен и тестирования. По тестированию, имхо, здесь ему нет равных. Для сурового продакшена и сложных проектов — самое то.
P.S. Однако, если нужно что то написать для себя, я выбираю питон и что-то минималистичное, вроде webpy.
Вопрос: Как эффективно использовать память сервера?

Лучший ответ: Дайте совет, куда можно пристроить память с профитом :)посмотри на желтенькую полосочку в htop - память уже давно утилизирована правильно под кеши
Так что не трогай ничего

Худший ответ: неправильно пихали в кеш, бд в принципе не может быть быстрее кеша.
Вопрос: Много ГБ стабильной оперативной памяти под i7 2600k (1333 DDR3, 2 канала)?

Лучший ответ: Я всегда ставлю самую дешевую память от кингстона, в частности на этом проце i7 2600k у меня стоит KVR1333D3N9K2/8G.
Основных причин две, это совместимость этой памяти, самые дешевые модули кингстон прописаны в совместимости почти ко всем материнкам, вторая это скорость работы не намного уж и ниже чем у разогнанных корсаров и jwp? третья это пипец глючные памяти с завышенными частотами и дополнительными радиаторами, все что купленно старше двух лет сломалось, очень неприятный опыт общения с corsair и ocz, память глючит у них каждый раз по разному, то бсоды, то не загружается, и из за этого я перешел на дешевые плашки от кингстона, но зато всегда беру самые толстые модули и забиваю все разъемы памяти.

Худший ответ: Я всегда считал, что можно доверять тем, кто сами делают память — вот, например, micron — они сами делают чипы и сами из этих чипов делают планки.
С памятью я в свое время наигрался и занес corsair в свой черный список, это мое ИМХО, спорить об этом не хочу. Так же не доверяю OCZ — новый раскрученный бренд, берут за этикетку, на деле несколько bsod, опять таки ИМХО, не настаиваю, но брать не буду.

Сейчас у меня после долгих плясок с бубном вокруг памяти все работает как часы, и даже в оверклоке пробовал память crucial ballistix (crucial это дочерняя компания micron). И стоит дешевле и на деле получается лучше более дорогого corsair, который только и валился в синий экран на штатных частотах.
Вопрос: Скорость компиляции Compass (Sass)

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

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

Лучший ответ: прописать адрес в hosts на остальных компах.
или поднять локальный dns-сервер.

Худший ответ: а можно конкретнее?
hosts файл знаю где, что конкретно там писать пример можно именно для моего случая? это касается только 5-ти компьютеров 192.168.1.101-192.168.1.105? Поднимать локальный dns не собираюсь. Опишите манипуляции с hosts
Вопрос: Как сменить статус акции в оперделенное время?

Лучший ответ: Напишите rake задачу и добавьте ее в крон (можно воспользоваться библиотекой https://github.com/javan/whenever)

Худший ответ: Воспользуйтесь гемом sidekiq(https://github.com/mperham/sidekiq)
Вопрос: Софт для веб-дизайнера в linux

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

Худший ответ: А может кто слышал о каких то молодых проектах по теме? Просто странно это, что нет софта под linux не уступающего по мощности Photoshop, в виду того что linux становиться все более и более популярен.
Вопрос: Что будет за использование пиратских версий Windows в компании?

Лучший ответ: Для начала скажите, НАФИГ Вам именно Windows? В большинстве офисов, которые я когда-либо видел та ОС ставится по инерции. 
Когда-то мне знакомый админ рассказывал, что делал довольно интересную связку Linux + Win7. 
Суть такова: офис, 30+ рабочих ПК, использую по большей части exel и word, да пасьянсы раскладывают. 
Сервер у нас работает на Win7, все клиенты на Linux. 
В каждом кабинете стоит 3-5 машин, кабинетов 7-8 штук.
Так вот, в каждом кабинете выделяется одна машина-сервер, на нее ставится Win7. На все остальные клиенты инсталим Linux, причем он настроен таким образом, чтобы автоматически конектиться по RDP к серверу. Для каждого юзера была создана своя учетная запись.
Насколько это решение хорошо себя показало я не знаю, но мой знакомых говорил что на лицензиях он сэкономили неплохо.

Худший ответ: Поставьте себе 8.1 пиратку и, воздав благодарности Microsoft, обновитесь с нее на лицензионную Windows 10 :)
Вопрос: Как сделать сайт такого типа?

Лучший ответ: Вопрос поставлен не верно. Правильнее вот так:Как сделать сайт, который будет заниматься обманом школьников?

Худший ответ: Вы правда считаете, что в одном комментарии можно изложить 3-х летний (как минимум) опыт?
Вопрос: Адаптированная статья — как оформить ?

Лучший ответ: На мой взгляд лучше оформлять как «пост», поскольку имеют место быть добавки из других источников. 
Хотя однозначно сказать не могу, были у меня переводы к которым придирались "-что они не слово в слово с оригиналом" и были статьи за которые минусовали, поскольку часть информации было взято из англоязычных ресурсов.

Худший ответ: Странный вопрос.

Оформление перевода как перевода позволяет централизованно указать ссылку на оригинал.
Но если вы хотите еще и добавить +2 к порогу вывода на главную то оформляйте как пост.
Вопрос: Устройства для тестирования адаптивной верстки. Что посветуете и какие используете?

Лучший ответ: Вообще не нужно их покупать! Лучше ребенку мороженное купите или iPhone6 за эти деньги. Есть прекрасные сервисы и плагины для браузеров. В новой версии хрома, в консоли есть прекрасный эмулятор мобильных устройств с широким выбором различных устройств. 
Для хрома и мозиллы можно найти кучу плагинов. Смотрите в настройках расширений.
Сервисов тоже пруд пруди.quirktools.com/screenfly - один из самых лучших. ami.responsivedesign.isbeta.screenqueri.eswww.dimensionstoolkit.com/a

Худший ответ: Часто, я использую вот этот http://www.responsinator.com он прост и понятен, а так применяю расширение для  FF, который позволяет эмулировать юзер агенты, а это важно!!
очень хорошая подборка инструментов тут
Вопрос: Какой оптимальный способ создания простейшего одностраничного сайта?

Лучший ответ: На fl.ru за 400р можно заказать.

Худший ответ: Оптимальный - выучить самому пару php-команд и тэгов.
Логичный - фриланс.
Быстрый - спросить тут кто сделает и договориться. (работы на час при наличии макета)
Вопрос: Как решить проблему с запуском Supermicro?

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

Худший ответ: Вы всё-таки снесли конфиг рейда, если даст пересобрать рейд без потери инфы ваше счастье, если нет ищите спеца, не советую дальше вам действовать риск потерять инфу уже велик.
Сейчас он вам пишет что нету девайсов для загрузки.
Вопрос: Hetzner — как узнать выделенные IPv6 адреса для сервера?

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

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

Лучший ответ: Не согласен, что иллюстратор не самый удобный инструмент:
1) в иллюстраторе больше места, за пределами рабочего холста можно держать альтернативные варианты для сравнения, поведение блоков, другие страницы и быстро копировать что-то из одной страницы на другую без заморочек с Duplicate Layers, просто зажав клавишу Alt.. То есть это ускоряет процесс и обеспечивает больше удобства в плане обзора.
2) В иллюстраторе можно конвертировать объекты в направляющие, любой формы, угла и размера. В фотошопе такого нет
3) Можно задавать объектам глобальные цвета, и в пару кликов менять палитру сайта и, соответственно, ВСЕХ объектов имеющих этот цвет (заливка или абрис, не важно)
4) Можно создавать символы со свойствами 9png. Особенно удобно для кнопок и т п. В фотошопе, конечно, тоже можно преобразовывать в смарт объекты, но с масштабами экземпляров не так гибко будет
5) Лучше работа с текстом. Можно разбивать на колонки. Есть панель глифов.
...) и многое другое
Конечно, это все дело предпочтений.. И есть недостатки в плане обработки растра и с pixel perfect придутся попариться. Но, в конце концов, инструмент каждый выбирает сам и работает там, где ему удобнее.
я лично совмещаю иллюстратор с фотошопом. Все растровое в фотошопе (там операций с растровыми изображениями, конечно, несравнимо больше),а макетирование в иллюстраторе.
ПО САБЖУ: Я на этапе макетирования слои почти не группирую. В этом нет особой необходимости. И, тем более, при группировании слоев частенько бывает так: вы решили скопировать что-то и перетаскиваете его на нужное место зажав Alt, но он оказывается на заднем (или переднем плане) даже если нажимаете Shift+Ctrl+[/] (перенос на задний/передний план). Пока не будете находиться в нужной группе слоев. То есть надо будет скопировать то, что нужно, выделить объект непосредственно перед/за которым должен находится скопированный и вставить, и там уже нажимать Ctrl+[/]. Иногда парит )
Поэтому меня только два слоя (кстати, для каждого слоя задается отдельный цвет контуров):
1) На верхнем все направляющие и вспомогательные элементы (комментарии, описания объектов, и пр.). Я этот слой блокирую и периодически отключаю, чтобы не мешались.
2) На нижнем собственно сам макет
Если того требует верстальщик, то уже на конечном этапе, когда все готово, я группирую блоки, как сказал комрад в предыдущем комментарии, но они все равно находятся внутри второго нижнего слоя.
В общем, в иллюстраторе работа со слоями, как и сказано выше, немного отличается от фотошоповского и да, скорее второстепенна. Может быть для кого-то это даже удобно.

Худший ответ: Я достаточно много работал в иллюстраторе, но ниразу не открывал панель слоев, соответственно и не группировал. Мне кажется там работа со слоями второстепенна. 
Но если вы делаете сайт, то полагаю тут другое дело. Лично я группирую сайт по блокам, а не по типу контента (banner, filtr, about). 
И иллюстратор не самый удобный инструмент для создания сайтов.)
Вопрос: Запустить браузер на сервере под Linux?

Лучший ответ: Xvfb позволит запустить firefox, а вывод будет происходить в памяти. 
x11vnc для доступа к Xvfb

Худший ответ: Xfce/*box или даже dwm/Ion.
Вопрос: Что выбрать — CMS или онлайн-конструктор для маленького интернет-магазина?

Лучший ответ: Я не съел собаку в этом деле но сам тоже много прошарил информации. Я считаю наиболее оптимально выбрать CMS изначально заточенную под интернет-магазин. Порекомендую взять Opencart, а точнее его локализованная версия для России - OsStore. Сама по себе она "голая" (так писали о ней в обзорах), но на нее много шаблонов и модулей. Лучше брать простую CMS и по мере необходимости насаживать на нее нужные модули чем брать изначально сложную и неповоротливую CMS и потом плясать с бубном пытаясь ее для себя адаптировать. Такие варианты как Wix насколько я знаю являются SaaS сервисами (ежемесячная плата за возможность управлять контентом и хостинг). В общем я думаю лучше взять бесплатную CMS OsStore и затащить его на хостинг и платить только за хостинг. SaaS дороже.  Такие вещи как операции с заказами там есть в коробке этого магазина и при желании можно поставить еще модули платные или бесплатные. Я использую OsStore с шаблоном Ava и ставлю всякие нужные модули. CRM мне кажется нужна тем у кого уже большой поток клиентов. Если товаров всего 300 то думаю такая простая система как OsStore отлично подойдет. А если поставить шаблон то и вовсе будет более чем достаточно. Я его поставил на локальный сервер за минут 15-20. Но не стоит думать что она совсем простая. Все необходимое в ней есть.

Худший ответ: Если есть знания в html+css и хотя бы базовое понимание PHP - однозначный выбор CMS.
Я пишу сайты на Wordpress и очень этой ЦМСкой доволен. Единственное скажу сразу: с плагинами не злоупотребляете. Я поначалу тоже любил экспериментировать с плагинами, и, как следствие пара сайтов были взломаны, так как некоторые плагины открывают огромные дыры для хакеров.
А написание своего шаблона wordpress - это дело очень легкое на самом деле (при условии, что разбираетесь в html+css).
Когда я начинал мне очень помог этот курс видео-уроков
www.youtube.com/watch?v=NamClmyOoms
Если Вы создаете интернет магазин, не забудьте обеспечить теме поддержку плагина woocommerce (на мой взгляд - это лучший плагин для организации магазина).
По поводу "БЭК-офиса", под каждую из перечисленных задач есть плагины...однако когда я столкнулся с необходимостью довольно сложно работающего личного кабинета - возникла необходимость эти плагины серьезно допиливать (поэтому знания php - приветствуются).
Вопрос: Как проверить, что dedicated сервер физический, а не виртуальный?

Лучший ответ: Может вы это искали ?
habrahabr.ru/company/selectel/blog/221143

Худший ответ: в хетзнере только стандартные сервера за полчаса и то на выходных это вырастает в два дня почему то, любой кастомный сервер от 2 дней у них по регламенту , видимо вы не там читаете.
Вопрос: README.md как правильно писать и какие рекомендации по написанию?

Лучший ответ: Да пишите как хотите, учите Markdown и стилизируйте, ваш репозиторий - ваши правила. 
Если что-то людям будет не понятно откроют issue и посоветуют.
Вот пример как у yii оформлен readme https://github.com/yiisoft/yii
Вот Laravel https://github.com/laravel/laravel

Худший ответ: Не согласен с Да пишите как хотите (c) Rikcon
Нужно до людей донести не то в каком формате писать и как оформлять, а концепт этого файла.
Вот тут хорошо описано.

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

Лучший ответ: Dart мертв. Год назад команда ангуляр договорилась с  microsoft и те добавили необходимые им фичи в typescript. На последнем angular conf о dart версии даже никто не заикался.

Худший ответ: Конечно Dart.
Преимущества:богатая стандартная библиотекабольшое количество инструментов из коробки (паектный менеджер, тестирование, анализатор, форматтер кода)Futures
Вопрос: Умный дом своими руками. Как управлять силовой нагрузкой?

Лучший ответ: Алгоритм Брезенхема в тиристорных регуляторах мощности.
Микроконтроллер управляет оптотиристорами.

Худший ответ: Собираюсь тоже сделать «Умный дом», но хочу использовать ZWave. Для технологии ZWave для такой задачи диммеры выпускает фирма Duwi. Для X10 (сигнал по электропроводке) тоже есть, даже отечесвенного производства (с обратной связью). Может есть возможность их как-то приспособить?

А почему именно 1Wire? Почему не беспроводное или передача данных по эл. проводам? Я что-то как представил сколько надо штробить чтобы спрятать этот wire для управления, склонился к другим вариантам.
Вопрос: Звуковой сигнал из ниоткуда ни о чем в Mac OS X?

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

Худший ответ: Булькающий звук -очень расплывчато. Как минимум 3 стандартный, встроенных маковских звука, для меня лично, похожи на бульк.
Если бы вам было не сложно описать примерный набор стороннего софта, который стоит. И какие приложения включены в центре уведомлений.
Вопрос: OpenSource cms для основы

Лучший ответ: незнаю может быть вам подойдет..
http://yupe.ru/

Худший ответ: Ngcms хороший движок, он бесплатный и практически аналог ДЛЕ (платный). Простой в использовании.
Вопрос: C++ teplate class. Пoмогите! Почему вылетает segfault при попытке запихнуть std::string?

Лучший ответ: array[0] = elem;
это означает вызов
array[0].operator=(elem);
в функции "string::operator=()" и падает, т. к. в array[0] находится мусор, потому что для него (для array[0]) конструктор не вызывался
Вместо
array = (Type*) malloc(100);
возможно имелось ввиду
array = new Type[100];
а место free, тогда delete[]array

Худший ответ: 1) string это объект,  он занимает в памяти больше,  чем вы предполагаете
2) прочитайте про временные объекты
Вопрос: Как слушать музыку со смартфона на Android через добротную акустику, подключённую к ПК?

Лучший ответ: Кабелем. Выход на наушники смартфона - > микрофонный или линейный вход на ПК.
Ну или собственно - Как передавать звук с Android на компьютер с Windows 7 (DLNA, UPnP)?
Хотя какой смысл слушать через добротную акустику, если сигнал идет со смартфона.

Худший ответ: По bluetoth. Регистрируется приемник звука на компе.
Вопрос: Какие ресурсы «экономить» при алгоритмизации?

Лучший ответ: Задача "экономить" технические мощности встает в трех случаях:Вы Марк Цукерберг и Вашему Facebook не хватает мощностей всех датацентров для нормального функционированияВы программируйте тостер/утую/кофеварку и т.п. где в принципе ресурсов нетВы мазохист и используйте шаг 0,000000001 в методе приближения чего-либо
С моей точки зрения, написанный Вами код должен в первую очередь быть понятен другому разработчику, он должен легко читаться, возможно, расширяться. Если клиент стоит перед выбором "Нанять разработчика за 1к у.е./месяц или арендовать под свой проект еще один сервер за 250 у.е./месяц", то я сомневаюсь что он выберет первый вариант, кроме случая №1 из списка выше.

Худший ответ: Когда как, зависит от случая.
Вопрос: С чего начать? (Java)

Лучший ответ: Сейчас попробую сделать короткий список неплохой литературы (извините, если кого-то повторю ):
       1. Брюс Эккель - "Философия Java"
       2. Роберт Седжвик, Кевин Уэйн - Algorithms / Алгоритмы на Java
       3. К. Сьерра, Б. Бейтс -  Изучаем Java (Мировой компьтерный бестселлер)(2012).
       4. Хорстманн К., Корнелл Г. - Java 2. Основы (Библиотека профессионала)(2 тома)
       5. Ноутон П., Шилдт Г. - Java. Наиболее полное руководство.
Также неплохим приложением будут книги:
       1. Мартин Р. - Чистый код. Создание, анализ и рефакторинг.
       2. Гудлиф Питер - Ремесло программиста. Практика написания хорошего кода.
       3. Фримен Эр., Фримен Эл., Бейтс Б., Сьерра К. - Паттерны проектирования.
Следует отметить что основным источником также является документация Oracle, которую можно найти на их официальном сайте (http://docs.oracle.com/javase/).
Еще к неплохим веб-ресурсам, которые могут оказать огромную помощь при изучении java, можно добавить: 
       http://stackoverflow.com/ - форум, где можно найти ответы на интересующие тебя вопросы из области программирования (в том числе и Java).
       http://kharkovitcourses.blogspot.com/p/java-core-course.html - вроде норм курсы (канал youtube - http://www.youtube.com/channel/UCuIctN7x71qam9K_ZxS1W2A )
Также можно искать курсы по Java здесь: 
       http://www.intuit.ru 
       http://hexlet.org 
Желательно также вначале ознакомится с Java Code Conventions, которые можно найти на сайте Oracle.
Cпасибо за внимание и успехов в изучении Java.

Худший ответ: Попробуйте http://hexlet.org/course/java101/
Вопрос: Выбор системы Help Desk'a

Лучший ответ: Kayako (это если деньги есть и требования НЕ скромные) :)
Подписался, чтобы подслушать альтернативы.

Худший ответ: В системе Traffpro есть довольно не плохой HelpDesk.
Если нужно, могу выслать, поскольку в свободном доступе его (Traffpro) free версии уже не найти.
Вопрос: IE11 и неполная информация в Console.log(), как побороть?

Лучший ответ: Не использовать IE.

Худший ответ: Взял временное решение - в 11 ie есть метод console.dirxml() Там нет ограничения на размер выводимых данных. Мои данные были в XML, так что это решило проблему
Вопрос: Есть ли программа для автоматизации создания документов (скан документа+кадр с камеры)?

Лучший ответ: Вообще, первые два пункта реализовать по идее не сложно, я даже догадываюсь как. С третьим не знаю, но предполагаю, что еще проще. Наймите студента за 1000 рублей Вам это написать, через неделю будет готово.
Очень сомневаюсь насчет существования такого софта, так как у всех сканеров разные интерфейсы, да и задача необычная. Конечно, все можно автоматизировать.

Худший ответ: Делал аналогичные решения для аккредитации (специальные сканеры документов с распознаванием от Abby, обычная Web-камера и принтер Zebra), только вместо вордовского документа печатал RFID-карту. Готовых программ нет, так как у всех специфичные задачи. Если необходимо, могу помочь, пишите в скайп malicious98.
Вопрос: Как сделать A-z фильтр под request->get в Yii2?

Лучший ответ: итак у вас есть запрос:
localhost/success-reg?email=test@mail.ru
значит срабатывает контролер и экшен, судя по всему именуемый success-reg
в контролере:public function actionSuccessReg($email){
return $this->render('вьюха', ['email'=>$email]);
}
все во вьюхе у Вас есть пременная содержащая email
Если это не то что надо - опишите подробнее, желательно с Вашим кодом

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

Лучший ответ: 1. Пишеш полностью контент, текст и ставишь инлайн рисунки. Смотришь в браузере. Это будет то, что увидит клиент если вдруг при загрузке слетит CSS, такое бывает довольно часто у клиентов и при правильном кешировании страница останется в таком виде у клиента. Клиент должен увидеть весь контент. Обязательно прописываем viewport;
2. Ставим обнуление: reset.css или normalize.css их великое множество, на ваш выбор;
3. Пишем Таблицу блочной модели: для html, section, article, aside, header, footer именно так без класов, она должна быть универсальна. Здесь можно задать отдельно представление для первой и последней секций, и например для чередующихся, если нужно. При сборке эта часть должна быть сразу за reset.css;
4. Пишем таблицу модели управления: для "menu", "input", "button", "a" (во всех ипостасях) и т.д. Навигацию я делаю через анчоры, дивы по образу Л.Артема. "Li" и не использую для меню в принципе! Они по логике ложатся в таблицу представления. Использовать их нужно для списков в тексте, а не для навигации (только лишние элементы разметки. Лично моё мнение - никого к этому не принуждаю).;
5. Дальше таблица представления: h1, ... , ul, li, p, blockquote, addr, figure, table... Задайте базовый шрифт и размер в блоке html. Дальше у вас все шрифты ИСКЛЮЧИТЕЛЬНО в "em"-ах. 
            Теперь Сайт должен смотреться довольно неплохо на всех устройствах, включая іМафоны...
6. Только теперь, можно крутить модель оформления - её можно верстать сверху в низ, или по-элементно. По ходу дела прописывая класы в HTML. Это вашая рабочая таблица. Если сделали все правильно - возвращайться к предидущим вам не придется.
7. Таблицы адаптирования: на основе таблицы блочной модели и модели оформления, пишем правила для каждой ширины в сторону возрастания. 
Графику фоны, красивости рекоментую заводить в векторном SVG. Лично я не рисую в фотожопе. Только вектор. Картинки автоматически приобретают любое разрешение, с минимальным трафиком. Фотки, а без них не обойтись, проганяйте через панду. Формат для картинок с прозрачностями png, все остальное в JPG.
Все. Ваша страничка ПЭРФЭКТНА.

Худший ответ: 1. Инициализирую из ГИТа свой дефолтный шаблон с сетками, скриптами, шрифтами и прочим.
2. Делю макет на секции. Затем сверху вниз верстаю секции.
3. Прикручиваю JS.
4. Выравнивание все с помощью Пиксельперфект.
5. Затем настраиваю адаптивность.
6. ???
7. Profit.