LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml, Markdown... Много всего, но не совсем понятно когда и что из этого уместно использовать.
Например, что подойдет для:
1. Простых сайтов-визиток, лендингов.
2. Небольших интернет-магазинов, сайтов-каталогов маленьких компаний.
3. Больших интернет-магазинов, сайтов крупных компаний с множеством страниц новостей и акций.
4. Крупных порталов, форумов, мульти-интернет-магазинов.
5. Постоянно развивающихся сайтов крупных стартапов, соц. сетей, корпоративных порталов, поисковиков.
Ну или предложите свою схему/иерархию и напишите что для чего вы используете и самое главное почему?
Ответ на почему прост: все эти штуки делают нашу жизнь лучше :)
для 3-5 советую использовать :
- препроцессор (тут по вкусу каждому свое, например stylus)
- инструмент сборки (тут так же кому что, например grunt)
- систему контроля версий (git)
- анб (например, bem, mcss)
- шаблонизатор (у каждого свое, зависит от cms на базе которой вы работаете, или которую сделали ваши прогеры)
- графический редактор ( photoshop наше все :) + css hat, enigma64)
- задавать конкретные вопросы на тостер ру ;)
советую в каждой новой верстке из 1-2 использовать по 1-2 технологий из списка, потом втянетесь и не отпустит ))
з.ы. ну это примерный список, дальше больше ;)