1

複数のデバイス、主に電話 [Android または iPhone のみでも問題ありません] とデスクトップ ブラウザーにロードできる Web ポータルを作成したいと考えています。

調査した製品のアイデアのプロトタイプを作成しようとしています。私は、友達に使ってもらい、デモなどに使って、最終的にはそれを繰り返すことができる、最小限の実行可能な製品を構築したいと思っています..

現在、私はチームの唯一の担当者/開発者 [週 4 時間] であるため、主な要件は次のとおりです。

  1. 学習曲線が少なく、すぐに始められるはずです
  2. 一般的である必要はありませんが、少なくともサブセットを十分に満たす必要があります。【exはブラウザとiphoneで動作する【ipad、android phone】のみで結構です】
  3. コミュニティのサポートが充実しており、一緒に仕事をする人を簡単に見つけることができます。
  4. パフォーマンスは大きな問題ではありません
  5. ネイティブ コードや外観は大きな問題ではありません
  6. 主なユーザーは電話ユーザーになると思いますが、今のところ、電話での限定的な機能で問題ありません。
  7. 全体を投げ捨てて、ある程度の牽引力が得られた後、最終的に何かをより良い方法で書き直すことを気にしません。

HTML5 の Web ページは複数のデバイスでロードできる [?] ので、そのようなものは問題ありません。

私は主にバックエンドの開発者 [Java、Ruby、DB、solr、lucene、memcache など] でしたので、Web 技術 [jscript、jquery、css、ajax] などに精通していないため、これが難しくなっています。私はルビーを知っていて、レールを学ぼうとしています [キュウリ、カピバラなどを学んでいます]。

そのようなポータルの構築に役立つツール/フレームワーク[のリスト]。私は毎日ルビーとレールを使用しているので、そのエコシステムから何かが欲しいと思っていますが、必須ではありません.

ありがとう。PS: ポータルは小さな e コマースのようなサイトで、さまざまな e コマース Web サイトやユーザーのソーシャル フィードなどと連携して、推奨事項を提供します [今のところ、比較ショッピング ポータルについて考えても問題ありません]。

4

1 に答える 1

0

CSS メディア クエリを使用したレスポンシブ デザインアプローチに従うことをお勧めします。

このようにして、ネイティブやどのデバイスについても心配する必要はありません。CSS と HTML だけに注目してください。

基本的に、モバイル ファーストのアプローチで構築し、次にメディア クエリを使用して、デバイスの画面サイズが大きくなるにつれてレイアウト (および/または機能) を拡張します。

役立つフレームワークのリストをご覧ください。私は 320 以上、LESS と Amazium を使用しました。必要なものに合うものを選んでください。

レスポンシブ デザインの一般的なパターンをいくつか紹介します。

こちらはレスポンシブデザインの素晴らしいギャラリーです。

于 2012-08-13T02:32:36.390 に答える