私はモバイルサイトの開発に慣れています。モバイルサイトを開発したいと思います。私は(m.yahoo.com)に非常に感銘を受けました。どのように私はどのように私はそのタイプのモバイルウェブサイトを作ることができるようになるか考えてもらえますか?モバイルWebサイトの開発で必要とされるテクノロジはどれですか?m.yahoo.com(モバイル版)のようなモバイルサイトを作る方法は?
答えて
あなたはそのために別のドメインを購入する必要が....とステップが簡単にこのリンクでsteps to create a mobile web
を踏襲しているヤフーのソースを見て、しかし、見て、感じは、このプロジェクトのことを思い出すなかった、http://jquerymobile.com/
m.yahoo.comにはJavascriptがありません。しかし、jQuery Mobileに似たCSSがたくさんあります。 – Thilo
あなたができる方法はたくさんあります。しかしそれの前に、あなたはいくつかのことを考えなければなりません。
- あなたはどのようにあなたのデザインがそれぞれのビューで見えるように起こっている(www.yahoo.comとm.yahoo.comなど)、デスクトップとモバイルのための2つの別々のドメイン
- を持ってお探しですか?
市場に登場する新しいデバイス(モバイル/タブレットなど)が常に存在するため、上記は重要な決定です。だから将来的には簡単に拡張できるものを設計する必要があります。
モバイルWebサイトを設計するには、非常に優れたアプローチがあります。これはレスポンシブウェブデザイン(または流体デザイン) と呼ばれています。ここでは、寸法(幅/高さ/パディング/マージンなど)をハードコードせず、%ですべてを指定します(CSSで) これは、それが表示されている画面に従って調整して、特定のデバイスに結びつけないようにします。
これ以外にも、モバイルデバイス用のビューポートについて知る必要があります。
Javascriptでは、jQTouch、jQuery Mobile、Sencha Touch(より複雑なサイト用)、さらにはフロープレーヤプラグインなどの基本的なものまで考慮することができます。
追加情報が必要な場合はお知らせください。
+1レスポンシブウェブデザインの場合 – Robert
モバイルウェブサイトでデスクトップ/タブレットのウェブサイトと異なるドメインを使用すると、1つの欠点があります。それはウェブ上でのコンテンツの共有を困難にする。モバイルサイトでいくつかのURLを共有すると、そのURLにアクセスするすべてのユーザーは、モバイル版をデスクトップ上に開いていても表示されます。
djangoを使用してサイトのデスクトップ版を作成した場合は、django_mobileのようなものを使用して、同じURLのモバイル版を提供できます。ユーザーエージェントをHTTPヘッダーから盗聴し、適切なバージョンを提供します。これはあまり信頼できず、前者の方法を好む人もいます。
フロントエンドキャッシングの場合、同じURLから異なるHTMLペイロードを処理することは悪いです。 Vary:User-Agentのキャッシュ動作により、キャッシュのパフォーマンスが損なわれます。さらに詳しい情報:https://github.com/miohtama/detectmobile.js –
- 1. ウェブサイトのモバイル版を作成する方法
- 2. モバイル版CSSが動作しない
- 3. モバイルサイト:Facebookのようなボタン
- 4. Linkedinモバイル受信トレイのようにモバイルサイトを動作させるにはどうすればいいですか?
- 5. モバイル向けのローテーターは、Yahoo!のIphoneやIpadのモバイル版のようですか?
- 6. drupalサイトから他のドメインのモバイルサイトにモバイル訪問者をリダイレクトする方法
- 7. サイトのモバイル版にはどのようなリダイレクトを使用しますか?
- 8. Grails:コントローラのモバイル版
- 9. 常にモバイル版のウェブの使い方
- 10. webviewをモバイル版に自動リダイレクトする方法
- 11. モバイル版のヘッダーを修正
- 12. 公開方法モバイル版の最初のbuidコードをエクリプスなしでWeb球体
- 13. MVC Webサイトのモバイル版の入手方法
- 14. EPiServerサイトのモバイル版を作成するための戦略
- 15. アプリのiPhone版とiPad版の作成方法は?
- 16. モバイルサイト/テンプレートへのアクセス方法
- 17. FullCalendarをモバイル版に変更する
- 18. ウェブサイトページのサブセットのモバイル版を作成しますか?
- 19. モバイルサイトでダウンロードを処理する方法
- 20. ユーザーをモバイル版のサイトにリダイレクト
- 21. ASP.NETモバイルサイトの作成
- 22. モバイルPHPページでデスクトップ版のWebページを読み込む方法(ユーザーエージェントの設定?)
- 23. モバイルサイトを作成するには
- 24. Google +1サイトのモバイル版のボタン
- 25. モバイル版のgoogle playストアのオープンリンクandroid
- 26. モバイル版のウェブサイトの固定ヘッダーとフッター
- 27. Ruby on Railsのモバイル版の表示
- 28. youtubeのような他のサイトに似た、モバイルWebページの上に標準のApp Storeリンクを作る方法
- 29. GmailやFacebookのようなインタラクティブなアップローダーを作る方法は?
- 30. jQueryモバイル(1.4ベータ版)のページを変更するには?
いいリンクですが、別のドメインでは必要ありません。 –
"m"サブドメインではなく、ドメイン –