[B! ipad] Kesinのブックマーク

iPhone/Android/PC 対応。jQuery で書くタッチイベント

こんにちは！プロダクト企画担当の林です。今回は、前回予告していた通り、タッチイベントについて書かせていただきます。他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。タッチできない PC の場合、マウスで動く。この３点です。こちらを実際に動作するコードにて解説します。動作確認環境タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについてタッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。イベントの種類 touchstart : タッチし

Kesin 2011/06/12

リンク

jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker

iPadや、iPhoneなどのタッチデバイスの普及で、個人的にも電子書籍への関心がかなり高まりました。そんな中、割と良さそうな電子書籍専用のフレームワークがあったのでメモがてらご紹介。こういうの覚えておくと重宝しそうですね。なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQuery製動画プレイヤーのjPlayer、スワイプイベントをサポートする為のライブラリ、TouchSwipeなども搭載されてい

Kesin 2011/06/12

リンク

HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめにこんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。先日リリースされました、iPad用Webアプリ「えほんのじかん」（iPad版）の紹介をさせていただきます。このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。インターネット対応テレビ向けに提供しているテレビ版Yahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。テレビ

Kesin 2011/04/13

html5
ipad

リンク

【レポート】黄金比でどのスクリーンにも適したデザインを「Less Framework 3」 | エンタープライズ | マイコミジャーナル

Less Framework is a cross-device CSS grid system based on using inline media queries. iPhone、iPad、PC、Androidベースのスマートフォンやタブレットデバイスなど、インターネットを利用するデバイスの多様化が進んでいる。スクリーンサイズの異なるデバイスで動作するブラウザ向けにそれぞれ最適化されたWebデザインを提供するテクニックのひとつに、CSS3で策定が進められているメディアクエリを使う方法がある。このテクニックをベースにして開発されたCSSフレームワークのひとつにLess Framework 3がある。 Less Framework 3は、言ってしまえばデバイスのスクリーンサイズや表示領域サイズに応じて幅を変更するシンプルなフレームワークだ。Less Framework 3のサイトにアクセ