Действительно ли стоит для изучения haml и дерзости?

Хамль приятно, и я много использую, но SASS стоит одного, особенно если вам нужно построить сложные стилы. Например, одно из худших вещей о CSS - насколько избыточность вы должны сделать при названии селекторов. В CSS вам нужно сделать

#navbar ul 
#navbar ul li a
#navbar ul li a:hover

с SASS, вы можете просто построить этих подведений естественным путем.

#navbar

  ul
    margin: 0
    padding: 0
    list-style: none
    width: 100%

    li
      margin: 0
      float: left
      margin-right: 10px
      border: 1px solid #000

      a
        text-decoration: none

        &:hover
          color: red

Вы также можете использовать переменные

!border_color = #333

.box
  border = 1px "solid" !border_color

, и вы можете использовать математику с ними

!measure = 18px
!text_size = !measure / 1.5

body
  font-size = !text_size
  line-height = !measure

h1
  font-size = !measure
  margin-bottom = !measure

h2
  font-size = !measure + 2

#wrapper
  width = !measure * 50

, вы также можете поделиться кодом

=rounded
  -moz-border-radius: 4px
  -webkit-border-radius: 4px
  border-radius: 4px
  border: 1px solid #000

.box
 +rounded

. Там так много энергии в этом, что вы должны его узнать. Кроме того, конечный результат - это простые CSS, поэтому его можно преобразовать.

Не забывайте о CSS2Sass, который преобразует ваши существующие CSS в файлы SASS!

Вы можете играть с некоторыми примерами в http://rendera.heroku.com/ Если вы хотите. Это сайт, который я создал, чтобы помочь людям изучать HTML5 и CSS3, и у меня есть поддержка как для Haml, так и для Sass.

Кроме того, посмотрите на Staticmated (StaticMate.rubyForge.org) для удивительного способа сделать статический веб-сайт работать с HAML и SASS. Он генерирует веб-сайты, вы можете загружать в статические хосты и имеет систему макета и шаблона, аналогичную Ruby на рельсах.

Чтобы решить прямой вопрос, который вы спросили, в соответствии с «оно того стоит», ответ - да. Возможность использовать переменные, легкогруппируйте вещи селектором, а Chare Code через модули производит сложные таблицы стилей намного проще. Строительство таблиц стилей не занимает много времени, и вы можете использовать отличную каркас компаса, чтобы пойти еще дальше. Например, вы можете использовать модули 960.GS или BluePrint для смешивания этих структур в ваши существующие таблицы стилей. Таким образом, вам не нужно менять разметку вашего кода. Добавление 960.GS и его классы «GRID_12» и «Container_12» для всей вашей разметки могут быть невозможны, но с компасом и Sass это ветер.

SASS также упрощает иметь несколько стилей для режима разработки и генерировать одну таблицу стилей для производства, тем самым повышая производительность на стороне клиента (меньше вызовов на сервер на странице нагрузки.)

HAML имеет свои преимущества, хотя Они не так заметны как Sass. HAML делает его невероятно простым в гнездо элементы и декларировать Divs ... Использование даже регулярных 960.Га, например, легко с HAML:

#header.container_12
  .grid_12
     %h1 Welcome!
#middle.container_12
  .grid_8
     %h2 Main content
  .grid_4
     %h3 Sidebar

гораздо менее печатать. И если вы решите, что вам нужно добавить обертку по всему этому по какой-то причине, просто отступ всю вещь под новым тегом.

Надеюсь, что поможет. Я <3 Sass.