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

8 css responsive-design

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

  • Zurb基金会
  • 减去框架4
  • Columnal
  • 引导
  • 无框

哪些利弊为他们每个人?随意提出未列出的任何内容.

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

小智 16

我读过两本很棒的书.

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

办公室里有人使用的新工具是jetstrap.com

让你在视觉上做响应式布局 - 然后你可以检查代码,看看它是如何完成的,可能是一个很好的入门方式.

  • 为Zurb Foundation提供+1,它大大缩短了我的构建时间,同时为我提供了响应式布局基础. (2认同)

cer*_*eny 7

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

响应式网页设计 - Ethan Marcotte

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

你甚至可以把这些书作为一个捆绑购买. 他们快速阅读,你可以在一个下午阅读每一个.这两本书让我进入了响应式网页设计,我无法建议将它们检查出来!