問題タブ [mobile-website]

Web デザイナーの友人の 1 人はまだテーブルを使用してサイトを作成していますが、彼は css を非常にうまく使用しており、私も css をうまく使用してい<div>ますが、友人よりもレイアウトでクロスブラウザーの問題に直面しています。

そして、私は友人に の短所について何らかの理由を与えました<table>。友達との私の議論全体を読んでください。

I - あなたのサイトはスクリーン リーダーに問題があります

私の友人- わかりましたが、これに関してクライアントから電話を受けたことはありません.

I - クライアントから変更があった場合、レイアウトの変更により多くの時間を費やすことになります。

私の友人- 私はそうは思いませんが、もしそうだとしたら、時間を節約する方法を教えて<div>ください

I - あなたのサイトは検索エンジンでうまく機能しません。

私の友人- それは真実ではありません。私は多くのサイトを作成しましたが、これに関してどのサイトやクライアントにも問題はありません

I - レイアウトは古い方法で、非 w3c で非標準の方法です。

私の友人- 何が古いのか、何が新しいのか、W3C とは誰なのかわかりません。標準とは何ですか? 私が作成したものはすべてのブラウザーで機能しますが、それで十分であり、クライアントは標準および W3C ガイドラインのルールに料金を支払うことはありません

I - あなたのサイトはモバイル ブラウザでは動作しません

私の友人- 問題ありません。クライアントは携帯電話を気にしません。

I - サイトにアクセスできませんか?

My Friend - アクセスできないとはどういう意味ですか? 私が作るものはすべて、すべてのブラウザーで動作します。私のどのクライアントもアクセシビリティについて尋ねたことはありません

I - 今後、テーブルで仕事をすることはありませんか?

私の友人- OK、クライアントがテーブル付きのサイトを受け入れなくても問題ありません。将来、div ベースのレイアウトについて学びます。

私の質問？

• table+css を使用してデスクトップ ブラウザーのクロス ブラウザー レイアウトを作成するのは、+css よりも簡単 divですか?
• 私が使用してもクライアントが気にしない場合、開発者がCSSレイアウトの代わりに DIV+ レイアウトを使用する利点は何ですか?<table>

Yahoo Blueprintで開発されたモバイルアプリケーションの「青みがかったスタイル」を変更することは可能ですか？

少なくとも自分の色を使いたいです。

私は、より高性能なデバイス (BlackBerry、iPhone、Android など) 向けの別のモバイル ブラウザー バージョンを持つ商用 Web アプリケーションに取り組んでいます。シンプルなユーザー エージェントにはスタイル ロジックが含まれており、さまざまな検出ライブラリを調べていました。WURFL と Mobile Device Browser File が私の最良の選択肢のようです。

CodePlexのMobile Device Browser File (MDBF) プロジェクトは、Request.Browserプロパティを通じて情報を公開します。また、Microsoft Public License (Ms-PL) も取得しています。 ASP.NET のモバイル ブラウザー検出では、「MDBF のデータは WURFL から取得されます」と言及されており、 Mix: ASP.NET MVC を使用したモバイル Web サイトとモバイル ブラウザー定義ファイルは、MBDF が「人気のある WURFL モバイルを含む多くのソースからのデータベースから作成されている」ことを確認しています。デバイス機能データベース。」

51degrees には、 WURFLデータ ファイルを使用し、Request.Browserにも入力する.NET Mobile APIがあります。Mozilla Public License バージョン 1.1 の下でライセンスされています。と主張：

.NET Mobile API がインストールされており、モバイル デバイス データを提供する WURFL を使用すると、これらの呼び出しは、Microsoft が提供する標準のブラウザー情報と比較して、非常に正確なデータを返します。

公式のWURLF .NET APIは GPL ライセンスで配布されているため、私のプロジェクトのスターターではありません。

WURFL ASP.NET 実装は、WURFL の ASP.NET 実装を比較していますが、これは 1 年以上前のもの (2009 年 1 月 16 日 - 記事が提出されました) であり、51 度 API または MDBF については言及されていません。

どのライブラリを使用するかについてフィードバックを得ることができますか?

• これらのデータ ファイルはどのくらいの頻度で更新されますか?
• ユーザー エージェントが解析する機能検出を使用する方が良いですか?
• データ ファイルを更新するオンライン サービス (ハンドセット検出など) の方が簡単ですか?
• その他の有用な入力。

Mobi エンジンに Gears 機能を追加しましたが、Chrome でサイトを表示すると奇妙な動作が発生します。HTML は約 15px 下にシフトされます。これまでにテストされた他のすべてのブラウザーでは、同じ問題は発生しません。また、モバイル ブラウザには影響しないようです。

症状についてはこちらをご覧ください。http://cibr8.itell.mobi

ユーザーの位置をポストバックするためのギアのみが必要です (ユーザーが許可している場合)。

モバイル Web サイトで使用する簡単なチェックアウト フォームを作成しました。

作成された情報は、URL のみを渡す必要があります。ベース URL は、この場合は domain.com です。作成されてナビゲートされる URL は、domain.com/p=firstname+lastname+123+456+7890+123+address+street+etc..... のようになります。

モバイルサイトのため、JavaScriptは使用できません。私はある程度の知識があるのでPHPが理想的ですが、他の解決策が可能かもしれません。

どこから始めるべきか、何を研究すべきかについてのガイダンスはありますか?

Opera Mini と Opera Mobile を対象としたシンプルな Web フォームがあります。HTML入力要素のみを使用しています。

ここで、要素が整数のみを持つように制限したいと思います。このブラウザでこれを強制する方法はありますか (フォームに入力するときに電話の番号モードがオンになっている場合でも可能です)。

そして、フロートを許可したい場合、何か可能ですか?

Facebook Connect Web アプリをより「モバイルフレンドリー」にしようとしています。現在、iPhone ユーザーが通常の Facebook Connect PHP ライブラリを使用してサイトにログインできるようにしています。

問題は次のとおりです。iPhone を使用して正常にログインできます。ただし、これにより、サイトとクロスドメイン ヘルパー ファイルの 2 つの Mobile Safari タブが開いたままになります。

TwitterのoAuthの仕組みのように、複数のタブを避けたいと思います。複数のタブを使用する必要がある場合、クロス ドメイン ヘルパー ファイルを自動的に閉じるようにすることはできますか? または、少なくとも意図したとおりに Web アプリに焦点を合わせますか?

できれば、Facebook Connect をうまく活用したサンプル サイトもサンプルとして最適です。

モバイル デバイスでビデオを開く最良の方法は何ですか?

HTC Touch で正常に動作する <a href="rtsp://v1.cache8.c.youtube.com/CjYLENy73wIaLQm48jOBFgMm4BMYESARFEIJbXYtZ29vZ2xlSARSBXdhdGNoYOmUwLWB-O6zSww=/0/0/0/video.3gp">動画</a> を再生すると、しかしiPhoneでは、リンクが無効であると不平を言いました。

啓蒙してください。

ありがとう、ティー

Web アプリケーションを計画しています。Smarty で PHP フレームワーク Kohana を使用しています。私の Web アプリケーションには、モバイル デバイス インターフェイスもあります。これで、2 つのインターフェイスに共通のコードと個別のコードが多数存在することになります。

次のようにコードを整理するにはどうすればよいですか。

1. コードの重複はありません。
2. 不要なコードはロードされません。たとえば、デスクトップ UI 固有のコードを iPhone インターフェイスにロードしたり、その逆を行ったりしてはなりません。

私は、ホバー用のWebフックを実際に持っていないWebアプリに取り組んでいます(タッチデバイスを考えてください)。マウスが常にどこにあるかを正確に x 座標で取得できます。

マウスの x 座標が画像の上にあるかどうかを確認し、その画像の上にある画像を取得する必要があります。

私がしていること

私は現在 jQuery を使用しています。各画像のoffset.left値の配列 ( imgCoords ) をセットアップしています。私はそれから使用します

(mousePosition.x) が構成されていますが、アイデアはわかります。

上記のコードを使用して、返されたインデックスに一致する画像を取得します

ただし、これはマウスオーバー画像の最初のエントリに対してのみ機能し (指 x は画像 x のみに一致し、画像 x + 幅には一致しません)、非効率的です。私はそれを正しくするためにもう少しぶらぶらすることができると思いますが、プロの誰かが私を助けてくれると嬉しいです = p

ありがとうトン！-ケン