スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
Dragdealer JS
Drag provider – the good stuff Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. 2D drag and tap, mouse and touch (mobile tested), 12kB unminified. No dependency. Take a look through all the demos below to understand how it works. Links / download code.google.com/p/dragdealer/ blog.ovidiu.ch/dragdealer-js HTML
Mobile SafariでjQuery UIのdraggableやsliderを 動作させる方法 - memo.yomukaku.net
2011-12-19 00:30 jQuery UIのdraggableやsliderをiPadやiPhoneのMobile Safariで使おうとしても、draggableなオブジェクトをドラッグしたとたんにtouchmoveのイベントに処理をもっていかれてしまい、draggableなオブジェクトが動く前にページがスクロールしてしまいます。 sliderのオブジェクトに関しても同様です。.ui-slider-handleクラスのついたスライダーの「つまみ」をドラッグしても、touchmoveのイベントに処理を奪われてページごと滑っていってしまいます。 上の画像は、JavaScriptで作成したPDFビューワーにおける例です。画像右半ばにあるスライダーのつまみを下にドラッグしてページを送ろうとしているのですが、touchmoveのイベント処理がおこり、jQuery UIのスライダーの処理
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
誰も話さないGALAXY Tabの話 - はげログ.as
Android2.2搭載機種が続々登場するようになったので、AdobeのAIR for Androidを使いたくていろいろな解像度を持った端末を集めております。回線契約の問題もあるので、いきなりズドーンと端末を購入できる体力があるはずもなく、ちまちまと購入してる感じです。 さて、先日入手したのはドコモのGALAXY Tab。先に発売されたGALAXY Sの方が順当に売れているようで、今ですら予約ナシに買うのは至難の業なんだとか。反面Tabは発売日にのんびり買いに行っても全然余裕でした。電話じゃないしね。 最近は携帯売り場でそれぞれの端末の人気のほどを見てきているのだけど、すっごい個人的な見た目で評価すると以下のような感じ。 GALAXY S ＞ IS03 ＞ Desire HD 001HT ＞ GALAXY Tab IS03は当日分が若干あったらしいのでGALAXY Sにはちょっと届かな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
