タグ

HTML5とiphoneに関するmonchytailのブックマーク (3)

  • iPhoneのブラウザで動くファミコン・エミュレータ「webNES」

    スマートフォンのブラウザで動くファミコン(NES)のエミュレーターが公開されています。 「webNES」というこのファミコン・エミュレーターは、iPhoneをはじめとするスマートフォンのブラウザで動作するのが特徴です。 よってiOSのハックやAppleの審査を欺く必要もなく、iPhoneのSafariからサイトにアクセスするだけで使用できるとのこと。 ROMのロードはDropboxを経由して行い、画面はポートレート(縦)のみ対応しているようです。 【注】ブラウザベースとはいえ、悪意のあるコードが含まれている可能性もあるので、ご利用は自己責任でお願いします。 このエミュレータは、ペンシルバニア大で開催された2日間のハッカソン「spring PennApps 2014」で開発され、ファイナリスト(トップ10)に残ったとのこと。 既存のNESエミュレータ・JSNESをベースにHTML5へ移植。コ

    iPhoneのブラウザで動くファミコン・エミュレータ「webNES」
  • [CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル

    iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス

  • HTML5で、オフラインでも使えるiPod/iPhone超簡単アプリっぽいものを作ってみた - Publickey

    HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。 iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5を使っていつでも参照できる超簡単なアプリを作れるのではないか、そう思ってお正月休みに試してみることにしました。 単に路線図を表示するだけのアプリ iPod Touchを僕は利用しているのですが、いつでも参照できる地下鉄の路線図があるといいなと思っていました。iPod TouchはWifi機能しかないため、外出中はずっとオフラインでの利用なのです。 そこで、起動すると路線図の画像を表示するだけの超

    HTML5で、オフラインでも使えるiPod/iPhone超簡単アプリっぽいものを作ってみた - Publickey
  • 1