クレジット：
クレジット：
すでにプロフィールを作成しましたそれらのアプリのいくつか, そのほとんどは、Google Chrome だけでなく、最新のブラウザでも動作します。
数か月前、私たちは、iPad が Web デザインを変革。私たちはこの現象を「ウェブの iPad 化」と名付けました。 iPad は Web デザインに影響を与えてきましたが、Web アプリケーションの次の波に対するその影響はさらに明らかです。
Google ウェブストアを見てみると、これらのアプリの一部が、iPad の対応するもの、または iPad アプリや iPad ウェブサイトの一般的な傾向と共有している類似点 (場合によっては完全な複製) に気付かずにはいられませんでした。いくつかの例を見てみましょう。
1. USAトゥデイ
クレジット：
のUSAトゥデイアプリiPad 用の [iTunes リンク] は非常によくできています。 iPad の画面サイズに合わせて最適化された読書体験を提供し、タッチ フレンドリーで、ソーシャル共有機能が組み込まれています。
クレジット：
新しいUSA Today for ChromeWeb アプリ (HTML5 対応ブラウザでもアクセス可能)オプティマス.usatoday.com) は iPad アプリのほぼカーボンコピーです。実際、いくつかの iPad 固有の最適化 (主にナビゲーションに関する処理) を除けば、これが iPad アプリであると私たちは自信を持って言えます。
それは決して悪いことではありません。これは、標準的な USA Today Web サイトよりも優れた読書体験と閲覧体験を提供すると考えています。
2.NPR
クレジット：
iPad 版から大幅に借用したもう 1 つのニュース アプリは次のとおりです。Chrome 用 NPR。
私たちは NPR アプリの大ファンです。iPhoneそしてiPad、他のブラウザでもアクセスできる Chrome アプリを追加しています。npr.org/webapp、リストへ。
クレジット：
HTML5 フレームワーク SproutCore は、以前のNPR アプリのデモそして、その演習の特定の要素が新しい Web バージョンで使用されていると感じています。
このインターフェイスは非常に使いやすく魅力的であるだけでなく、プラットフォーム間で一貫したエクスペリエンスを生み出します。
3. フリックスター
クレジット：
のChrome 用 Flixster ウェブ アプリ(次からもアクセスできます)flixster.rottenTomatoes.com) のレイアウトをほぼ反映しています。iPadアプリ。
左の列にスクロールバーがないことを考慮してください。これは、iPad アプリの場合と同様に、メインの列とは独立してスクロールします。
クレジット：
2 つの実装のボタンとナビゲーション ポイントにはいくつかの違いがあります。 iPad アプリは画面の下部を使用します (これは iPad UI デザインの一般的な用語です)。 Web アプリは上部を使用します。
Web アプリの幅も 1,000 ピクセル弱の固定幅です。横向きモードでは、iPad は 1024x768 です。公平を期すために言うと、多くのネットブックの解像度は 1024x600 ですが、それでも要素がそのような固定サイズ向けに設計されているのは興味深いと思います。
4.アマゾンウィンドウショップ
クレジット：
のAmazon Windowshop Chrome アプリこれは単なるブックマークにすぎませんウィンドウショップ.com, しかし、それは Web アプリとしては印象的ではないという意味ではありません。
アプリはそのレイアウトと一致しますiPad対応品完璧に。
クレジット：
唯一の違いは、これが重要ですが、Web アプリの右下にスクロール コントロールが追加され、ユーザーがアプリ内またはさまざまなセクション内で上下左右にスクロールできるようになった点です。
私たちにとって、これはアプリが何よりもまずタッチ向けに設計され、その後マウスとキーボード向けに調整されたことを明らかにしています。
5. 地下の天気
クレジット：
の天気アンダーグラウンド Chrome アプリ(で入手可能chrome.wunderground.com) は、iPad 用の Weather Underground アプリとは異なります。
ただし、天気状況を表示および検索するための非常に魅力的な方法を提供する Chrome アプリは、他の iPad 天気アプリといくつかの顕著な類似点を共有しています。
クレジット：
例えば、天気HD[iTunes リンク] は、気象状況を紹介するのに非常によく似たアプローチを採用しています。 Weather HD はアニメーション画像 (Weather Underground が模倣を検討したいと考えているもの) を使用し、時間ごとの状況を表示することもできますが、2 つのアプリの全体的なレイアウトは似ています。
HTML5 とネイティブ アプリの境界線があいまいになる
Google の公式声明は次のとおりかもしれませんAndroidはタブレット用、Chrome OSはネットブック用, しかし実際には、タブレットのフォームファクターやマルチタッチなどの機能を念頭に置いて Web アプリを設計する Web 開発者が増えているようです。
なぜそうではないのでしょうか？上記の例からわかるように、多くの iPad アプリの大部分は、HTML5 アプリだけであり、ラッパー内にあります。確かに、iOS や Android などのプラットフォーム用のネイティブ アプリを作成することには、たとえそのアプリの大部分が HTML5 だけを使用して構築されているとしても、いくつかの利点があります。しかし、HTML5 と JavaScript がこの種のアプリケーションの構成要素になりつつあるという事実は、次のことを意味します。他のプラットフォームやデバイスに移植することは、それほど困難ではありません。
先週、Netflix のエンジニアは、次のような会社の決定についてブログを書きました。新しいアプリの多くで HTML5 を使用する。
明らかに、他の多くの企業もこれらの利点を実感しています。 iPad や将来の Android タブレットからのデザインのヒントは、従来の Web ブラウザーでの Web デザインと開発に今後も影響を与え続けると私たちは考えています。
この種のデバイス (デスクトップとタブレット) が真に統合されるのはまだ数年先になるかもしれませんが、ユーザーはさまざまなコンピューティング プラットフォームにわたって同様のユーザー インターフェイス、アプリケーション エクスペリエンス、機能を目にし始めるでしょう。
Rackspace がサポートするシリーズ
クレジット：
のウェブ開発シリーズによってサポートされていますラックスペース、ホスティングを行うためのより良い方法。 Web ホスティングの稼働時間を心配する必要はもうありません。パッチの適用、更新、監視、データのバックアップなどの最新情報を維持するために時間、エネルギー、リソースを費やす必要はもうありません。その理由を学びましょう。
Mashable のその他の開発および設計リソース: