Lamiyi

Alex Wolkov氏は、HTML、CSS、そしてJavaScriptのみを使って、素晴らしいiPadシミュレーターを作成しました。シミュレーターはまだ開発中ですが、Wolkov氏は既に多くの機能を実装しています。

機能するもの:
● 画面を「スプリング」効果で左右に動かす
● ドック アイコンに CSS3 の「反射」がある ;)
● すべてのアイコンに iPad に似た CSS3 の丸い角と影がある
● 検索は iOS とほぼ同じように動作します。 (修正した jquery ライブ検索を使用)
● ロックが戻ると画面がロックされる効果
● ホーム ボタンが機能します (アプリを終了、最初のページに移動、スリープ モードから戻る、編集モードを終了)
● スリープ ボタンで iPad がスリープ モードになります
● 編集モード: 編集モードを有効にするには、任意のアプリを 2 秒間クリックして押し続けます
● - Chrome で編集モード アイコンが揺れます (CSS アニメーションを使用)
● - 編集モードでアプリを別の場所に移動
● - アプリを別のページに移動● -
アプリをドックに移動
● - アプリを削除
● マルチタスク: 任意のアプリを起動します。バックグラウンドにあります
● - ホーム画面をダブルクリックするとマルチタスク バーが開きます
● - 3D (Safari および Webkit ナイトリーのみ) 開いているマルチタスク アプリと必要なマルチタスク アプリを切り替えます
● - マルチタスク バーを編集して、マルチタスクからアプリを削除します (2 秒間押し続けます)

ソースコードはこちらです。シミュレーターは以下のリンクから確認できます。

続きを読む [MacStories経由]