哪种框架最适合从响应式网页设计开始?

时间:2012-06-30 21:53:52

标签: css responsive-design

我的目标是更快地启动网站,这些网站适合移动设备,非常适合不同的屏幕分辨率。有CSS经验的人可以推荐哪些CSS框架 最好开始:

  • Zurb Foundation
  • Less Framework 4
  • Columnal
  • 自举
  • 无框

每个人的利弊是什么?随意提出未列出的任何内容。

构建网站后,我可以轻松添加 jQuery 滑块,效果或动画吗?

4 个答案:

答案 0 :(得分:16)

我读过两本很棒的书。

我真的很喜欢Zurb Foundation。我用它构建了一些网站并且没有任何问题。我发现它很容易扩展 - 很容易构建原型,然后进行全面生产。 (我一直在使用版本2 - 有V3出局 - 但是V3已经放弃了对IE7的支持)

办公室里有人正在玩的新工具是jetstrap.com

让您在视觉上做出响应式布局 - 然后您可以检查代码并查看它是如何完成的,并且可能是开始使用的好方法。

答案 1 :(得分:7)

在我看来,有一本书可以解释你可能想知道的任何事情。如果你刚刚开始进入响应式网页设计,我会从这开始:

Responsive Web Design - Ethan Marcotte

根据我的理解,Ethan被称为“开始运动的人”。我个人可以证明这本书对我很有帮助。坦率地说,我甚至不确定你需要使用框架。如果您在第一次使用最佳实践对网站进行编码并尽可能地将其构建为流畅(即使您在960px宽的div中包装),那么使用CSS媒体查询从那里向下调整大小是很容易的。我还会查看这本书Mobile First by Luke Wroblewski

You can even buy these books as a bundle.他们是快速阅读,你可以在一个下午阅读每一个。这两本书让我进入了响应式网页设计,我无法建议将它们检查出来!

答案 2 :(得分:2)

还有:

我无法真正帮助,因为我还没有尝试过其中一个响应式框架。我也想知道每个人的利弊。

答案 3 :(得分:2)

+1 Gumby Framework。在与Gumby和其他人合作之前,你应该了解发生了什么......因此阅读Ethan Marcotte的书。