Семантически названные классы - моя любимая мозоль, поэтому я выбрал подход 960 Grid System и Sass . Система сетки уменьшает время, которое я трачу на создание макета, в то время как Sass позволяет мне моделировать наследование, используя миксины. Что-то вроде:
=grid_19
width: 750px;
#main-content
+grid_19
В этом примере #main-content
наследует свойства .grid_19
, это div с 750px ширины (19 столбцов) с семантическим идентификатором. Конечно, мне пришлось адаптировать CSS системы сетки, чтобы использовать его с Sass, но как только это будет сделано, я смогу повторно использовать его объявления, не используя имена несемантических классов.
Я не пробовал никаких других CSS-фреймворков или сеточных систем. Я предпочитаю грид-системы, чем делать это от руки, потому что это проще и быстрее. Что делает разработку с помощью фреймворков CSS быстрее? Ну, это уже сделано. Мне не нужно изобретать Weel. :)