Dimitriy

1. По enumsortorder
2. Напрямую нет, или своя функция/оператор/join`ить/...и т.д.
3. Можно

Для просмотра куда установлен gem:
bundle show <name_gem>

для просмотра исходников, (по редактированию далее)
EDITOR=vim bundle open <name_gem>

по поводу правок - изменять установленные гемы не рекомендуется, пример, все ваши правки пропадут при обновлении gem`а

Варианты:
1. расширить библиотеку посредством 'Monkey patch', достоинство, вы ни чего не правите в исходной библиотеке, недостатки, устранение ошибок после внесения автором gem`a изменений;

2. сделать локальную/удаленную (fork) копию, и устанавливать эту версию, достоинство в контроле над происходящими с gem`ом изменениями. Выглядит это примерно так:

cd <path>
gem unpuck <name_gem> (если без git`a)
git clone --bare <адрес> (если с git)
#... правки gem`a ...
# Вариант 1. Настройки Bundle, говорим, что <name_gem> локальный (главное не забыть об этом)
bundle config local.spree <path>/<name_gem>

# Вариант 2: Gemfile:
gem 'name_gem', path: <path> # локально
gem 'name_gem', :git => '<repo path/url>', :branch => 'you_hack_branch'

Относительно wil-paginate и его View`ихи. При показе пагинации можно указывать свой обработчик
= will_paginate(.... :renderer =>
Пример как это делается: можно посмотреть тут

Можно так:

scope :with_size_ids, lambda { |size_ids|
  sizes = Catalog::Size.where(id: size_ids).pluck(:max_from, :max_to)
  ranges = sizes.inject([]){|o, i| o << Range.new(*i)}
  where(size: ranges)
}

h2 {
  margin: 0;
}

Как вариант можно и так, пример без учета кросса:

body > div {
            display: flex;
            flex-flow: column wrap;
            height: 600px;
            align-content: flex-start;
        }
        div > div  {
            width: 200px;
            height: 150px;
            border: 1px solid #ccc;
            margin: 10px;
        }
        div > div:nth-of-type(4)  {
            height: 300px;
        }
        div > div:nth-of-type(5)  {
            height: 200px;
        }

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

Ну и, ограничение, конечно, в поддержки браузерами flex`а

На счет кросса не уверен, последние FF, Chrome и IE8+ работают

.wrap{
        position: relative;
    }
    .wrap-scroll{
        margin-left: 100px;
        width: 300px;
        overflow: auto;
    }
    table{
        width: 500px;
    }
    table td{
        width: 100px;
        border: 1px solid #ccc;
    }
    table tr td:first-child{
        width: 100px;
        position: absolute;
        left: 0px;
        z-index: 100;
    }

<div class="wrap">
    <div class="wrap-scroll">
        <table>
            <tbody>
                <tr>
                    <td>Col-1</td>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                </tr>
                <tr>
                    <td>Col-2</td>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Можно так, например

SELECT a1.id, a1.name  
FROM users AS a1 LEFT JOIN users AS a2 
ON a1.name = a2.name AND a1.id <= a2.id 
GROUP BY a1.id, a1.name 
HAVING 
   (a1.name = 'dasha' AND COUNT(*) <=3) 
OR 
   (a1.name = 'masha' AND COUNT(*) <=5) 
ORDER BY a1.name;

(EXPLAIN (analyze) without indexs, total runtime: 46.380 ms)

или так

SELECT * FROM (
  SELECT a1.id, a1.name, count(*) AS n 
  FROM users AS a1 LEFT JOIN users AS a2 
  ON a1.name = a2.name AND a1.id <= a2.id GROUP BY a1.id, a1.name
) AS t 
WHERE (t.name = 'dasha-1' and t.n <= 3) OR (t.name = 'dasha-2' and t.n <= 5) 
ORDER BY t.name;

(EXPLAIN (analyze) without indexes, total runtime: 38.711 ms)

(SELECT ...) UNION (...)
(EXPLAIN (analyze) without indexes, total runtime: 1.546 ms)

Извратно немного:

UPDATE yard SET  count_culture = count_culture + t.value 
FROM ( VALUES(1,33), (2,3) .....(n.id, n.values)) AS t(culture_id, value) 
WHERE t.culture_id = yard.culture_id;

Ну, если уж тестить так тестить до конца :)

find("label[for^='cat-17']").click
expect(page).to have_selector("#task_subcategories_12")

по вопросу, для невидимых: visible: false

expect(page).to have_selector("#task_subcategories_12", visible: false)

1. Да, не к чему в в одно пользовательском режиме сервис thin`а - про runlevel

2. Подразумевается, что запускается три сервера на одной машине и обслуживают запросы от клиентов, в Вашем случае таковых 3 штуки. Используется для балансировки нагрузки, например когда один сервере выполняет "тяжёлую" задачу, и приходят еще запросы от клиентов.
2.1 Порт может быть использоваться любой выше 1024.
2.2 Сервера Thin`а, по умолчанию, будут доступны в сети с адресом, если память не изменяет, 0.0.0.0 (т.е любой), для привязки к конкретному адресу, надо запускать с ключем -a, пример thin -a 127.0.0.1

Про upstream в конфиге nginx'а, как раз таки и используется для создания пула с целью балансировка нагрузки, только у вас в настройках указан юниксовые сокеты, (запуск thin -S /tmp/thin.sock -s3)

Про связку с php, потребуется до настройка Nginx под конкретную конфигурацию, т.е. что будет выступать бакендом для php (apache. fastcgi), и какие условия для перенаправлявления на этот бакенд.
Как то, так.