一个真正的快速,基本的CSS布局

时间:2011-10-27 01:01:37

标签: css layout editor wysiwyg scaffold

短篇小说:我经常需要处理许多不同的,相当小的网页 其中大多数都是纯CSS。

我的问题:
我的工作是处理代码本身,页面功能,而不是布局。然而,由于我所做的改变,我经常被迫进行轻微的布局修改,并像黑洞一样吸收我的时间。
我最终花费了10倍的时间进行最轻微的布局修改,因为它需要我添加或重写例程。
我们也有一个设计师,但是我不可能等待他为我所做的每一个改变重做布局(而且我经常需要多次改变)。

所以我搜索的是一个超级基本且简单的CSS WYSIWYG编辑器,它不是一个复杂的专业设计工具。在尝试了一些我放弃的工具之后,回到手工编辑。特别是,嵌套布局框的行为每次都让我感到厌烦。

有人对此有一些提示吗? 我很感激任何帮助,

谢谢

3 个答案:

答案 0 :(得分:2)

twitter bootstrap

http://twitter.github.com/bootstrap/ 从第一印象看起来真的很棒。

我的导轨专家一直在讨价还价,我打算尝试一下。显然是免费的。

基本上我们已经感受到了这个问题的痛苦!

Bootstrap对于真正的开发人员来说很有用,很多都是通过css标签的基本布局,我认为这对你来说很有意义。 即使它不能满足您的所有需求,它也可能是一个很好的开始,作为开发团队的标准。开发人员经常不喜欢被模板化;)

实际的直接github网站是:https://github.com/twbs/bootstrap

用得多吗?目前?...

Github统计数据:
观察者: 8682
福克斯: 1383
最后更新: 10/10/2011
这篇文章: 10/26/2011

看起来不错! :)

我也是HAML的忠实粉丝 - 没有尖括号的Ruby + HTML(以及更多)!

答案 1 :(得分:2)

两个想法:

1)采用更多敏捷流程

视觉设计(布局)和逻辑设计应该串联而不是一个接一个地构建。正如你所发现的那样,事后修改事情可能是一种真正的痛苦。

2)采用CSS框架/ OOCSS方法/组件库

所有这三个背后的想法是创建遵循可预测结构的可重用CSS。这需要更多的前期工作,但会导致代码库更容易维护。

答案 2 :(得分:1)

...不确定这是否会有所帮助,但yahoo grid builder对我有用。当然有一个问题。它生成的css选择器不是非常语义的,因此您可能需要对生成的html页面进行一些重新分解。

Github统计数据:(以下丹尼尔建议的蓝图)
 观察者: 4556
 福克斯: 390
 最后更新: 06/06/2011
 这篇文章: 10/26/2011