2010-09-08 51 views
2

好吧,所以Less.js已经出现了,看起来我的梦想是创建一个CSS框架(尤其是'网格'系统)抽象的CSS语言可能即将实现。less.js,lessframework&CSS网格ala Blueprint或960.gs

也就是说,960和蓝图是巨大的,所有...但它如此激怒我把样式信息在HTML标记,如:

class="article grid_4 pull_2" 

或任何语法是:)

所以,现在看来我们可以这样做:

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

Weeeeeee!

因此,我即将陷入自己的发展之中 - 但我敢肯定,那里有一些脑筋已经做到了 - 所以在我进入任何沉重的举动之前......?

任何线索?

Kindly

Daryl。

+0

好的,所以我正在努力完成这项工作。当然,我不是第一个这样做? – Daryl 2010-09-11 12:35:11

回答

1

这就是你要寻找的CSS框架 - http://semantic.gs/

语义网格系统 - 明天页面布局。 设置列和排水沟宽度,选择列数,并在像素和百分比之间切换。 标记中没有任何难看的.grid_x类。噢,我们是否提到它的响应? 由LESS.js和1KB Grid的创建者提供给您。

+0

对。我创建并使用了我自己的...与您创建的api类似 - 使用px或流体(尽管我的并不完美) – Daryl 2011-09-25 22:35:11

+0

很高兴能够提交给主人...您是否试图解决垂直和印刷流动呢? – Daryl 2011-09-25 22:35:57

1

我检出的少,这是一个新的sass(scss)语法之间的推,但是让我选择sass的是它有一种方法可以将css 转换为 scss代码。

往返旅行是我绝对想要的。一旦发生,然后Compass出现。我将尝试使用某些东西来编写python中的所有代码,但对我来说,预处理css是非常合理的,尤其是因为我想使用HTML5,并且如果规范发生变化,那么我可以调整代码。