Подведем итог:
- Haml - язык разметки
- Sass - это набор расширений CSS, которые компилируются в стандартный CSS
- Compass - это оболочка для Sass для таких вещей, как Blueprint
- Erb - это просто HTML со встроенным кодом Ruby.
Как правило, вы будете смотреть на Haml или Erb (хотя вы можете смешивать и сочетать их, если вам нужно) и CSS или Sass. Compass - это просто дополнение к Sass.
Я бы рекомендовал начать с Haml и Sass, поскольку Haml берет большинство раздражающих, подверженных ошибкам аспектов HTML и отказывается от них. Как только вы привыкнете писать на Haml, использование Erb кажется очень многословным.
Что касается CSS, выберите каркас (например, Blueprint ) и используйте его как есть для запуска. Вы всегда можете добавить Компас позже, если считаете, что он вам нужен.