css – 免费工具加速web开发

作为一个小的项目，我开始为我所隶属的某个组织建立一个新的网站，当前的网站是过时的。

我经常是Java开发人员，上次我真的做了一些Web开发回到了90年代末，当< p>仍然比< div>和Javascript是尖端的技术(JQuery是为了懒惰这些天:))。

无论如何，我觉得真的过时了。网站基本上是：

> Django基础
>大多服务于静态信息页面
>它会有一个动态新闻和更新页面(基于Django管理能力)
>和一些基本的应用程序，我会开发自己(民意调查，小注册应用程序等…)

我的问题是设计整个事情。我发现一些不错的基于网络的CSS布局生成器让我去，但我仍然觉得我浪费我的时间平滑的CSS文件和对齐< div> s。

有没有任何工具 – 更简单，更快，更好 – 你建议我可以使用加速网站的设计部分，所以我可以专注于真正的工作？

我不需要任何花哨，只是一个漂亮的外观布局和设计，我可以调整一点，所以网站将看起来可呈现。

解决方法

我第二次布兰登的建议使用CSS框架。它不会给你100％的自由设计任何你喜欢，但它可以加速你的设计过程大大，释放你的手做你真正想要的编码。

建议于2013年7月更新：

> Twitter Bootstrap http://twitter.github.io/bootstrap/ – 完整的网格，打字，UI部件原型框架
> ZURB Foundation http://foundation.zurb.com/ – 响应式网格，类型，UI部件原型框架(类似于Twitter Bootstrap，但在某些方面感觉更清洁)
> 960 http://960.gs/ – 网格布局系统
>的黎波里http://devkick.com/lab/tripoli/ – 真的很好的排版，但没有网格系统
> YUI Grids http://developer.yahoo.com/yui/grids/ – 非常可定制(到超点)网格系统
>蓝图http://www.blueprintcss.org/ – 网格系统和基本排版
> BlueTrip http://www.bluetrip.org – 混合系统，混合蓝图网格最好的和最好的黎波里排版