1

我想创建一个可以在多个设备上加载的门户网站，主要是手机 [只有 android 或 iphone 也可以] 和桌面浏览器。

我正在尝试对我进行了一些研究的产品创意进行原型设计。我想构建一个最小可行的产品，我可以给朋友使用，用于演示等并最终迭代它..

由于目前我是团队中唯一的人员/开发人员 [每周 4 小时]，以下是我的主要要求：

  1. 应该有更少的学习曲线，让我开始
  2. 不需要是通用的，但应该至少满足一个子集。[仅适用于浏览器和 iphone [ipad、android 手机] 很好
  3. 良好的社区支持和容易找到合作的人。
  4. 性能不是大问题
  5. 本机代码或外观不是大问题
  6. 我希望主要用户是电话用户，但目前电话上的有限功能还可以。
  7. 我不介意扔掉整个东西并在我有一些牵引力之后最终以更好的方式重写一些东西。

HTML5 网页可以在多个设备上加载 [?] 所以类似的东西很好。

我主要是后端开发人员 [Java、ruby、DB、solr、lucene、memcache 等]，所以我不精通网络技术 [jscript、jquery、css、ajax] 等，这使得这很棘手。我知道 ruby​​ 并且正在尝试学习 rails [学习黄瓜、水豚等]，并且发现它非常用户友好且可以快速进行原型制作

任何有助于构建此类门户的工具/框架的[列表]。因为我每天都在使用 ruby​​ 和 rails，所以我会喜欢那个生态系统中的一些东西，但不是必需的。

谢谢。PS：门户网站是一个类似电子商务的小型网站，它与不同的电子商务网站和用户的社交信息流等交互，为他们带来一些建议[现在考虑比较购物门户很好]

4

1 回答 1

0

我建议遵循使用 CSS 媒体查询的响应式设计方法。

这样你就不用担心任何本地或设备。只关注 CSS 和 HTML。

基本上，您使用移动优先方法构建，然后使用媒体查询，随着设备屏幕尺寸的增加，您可以增强布局（和/或功能）。

看看这个可以提供帮助的框架列表。我用过 320 及以上，LESS 和 Amazium。选择一个适合你需要的。

以下是响应式设计中的一些常见模式。

这是一个很棒的响应式设计画廊。

于 2012-08-13T02:32:36.390 回答