less.js, lessframework и CSS сетки аля Blueprint или 960.gs - PullRequest
Новая
       23

less.js, lessframework и CSS сетки аля Blueprint или 960.gs

2 голосов
/ 08 сентября 2010

Хорошо, так появился Less.js, и, похоже, мои мечты о создании фреймворка CSS (особенно системы "grid") с "абстрагированным" языком CSS могут быть осуществлены.

То есть 960 и Blueprint - это здорово, и все ... но меня так раздражало, что я добавляю информацию о стиле в разметку HTML, например: 

class="article grid_4 pull_2"

или любой другой синтаксис:)

Итак, теперь кажется, что мы можем сделать это следующим образом: 

.article {
  .grid_container();
  .grid_four();
  .pull_two();
  .last();  
}

Weeeeeee!

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

Есть ли отведения?

Просьба

Дэрил.

Ответы [ 3 ]

1 голос
/ 19 сентября 2011

Это CSS-фреймворк, который вы ищете - http://semantic.gs/

Semantic Grid System - макет страницы на завтра. Установите ширину столбцов и желобов, выберите количество столбцов и переключайтесь между пикселями и процентами. Все без каких-либо уродливых классов .grid_x в вашей разметке. О, и мы упоминали, что это отзывчиво? Принесено вам LESS.js и создателем 1KB Grid.

1 голос
/ 14 сентября 2010

Я проверил меньше, это был толчок между этим и новым синтаксисом sass (scss), но что заставило меня выбрать sass, так это то, что у него есть способ превратить css в код scss.

Поездка туда и обратно была чем-то, что я определенно хотел. Как только это произошло, тогда Компас представился. Я собирался попробовать что-то использовать для кодирования всего на python, но для меня имеет смысл предварительно обработать css, тем более, что я хотел бы использовать HTML5, и если спецификация изменится, тогда я могу настроить поколение.

0 голосов
/ 12 октября 2010

Кстати, ребята, я начал ту платформу, о которой я говорил.

http://github.com/DarylAntony/lesser

Мне весело с этим.

...