Сейчас актуален Flex.
Ранее был актуален float (сегодня можно использовать через гриды типа Susy).
Через несколько лет будут везде поддерживаться CSS Grids.
Так что верстайте через Flex. Однако, его обязательно тестировать во всех браузерах. Т.к. например в IE и Safari может глючить свойство min-height.
Без знания CSS препроцессоры не нужны.
Тем более пока настроишь сборщик, может отбиться все желание изучать.
Так что переходи к Sass только когда уже что-то будет получаться на чистом CSS.
1. Ruby не нужен, нужен libsass.
Синтаксис рекомендую Sass (.sass).
2. Можно найти примеры в Гугле. Если не получится через Gulp, есть Prepros и другие автокомпиляторы.