タップやピンチなど、タッチデバイス特有のイベントをサポートする2KBの軽量jQueryプラグイン・Hammer.js
タップ、ダブルタップ、ピンチや 長押しなど、タッチデバイス特有 のイベントをサポートしてくれる JSライブラリ・Hammer.jsのご紹介。 2KBと軽量なのでいつか使うと思っ て記事にしておきます。 jQuery依存みたいです。 ある世代にはなつかしいと思う方がモデルとして登場してます。 サポートしてるイベントはタップ、ダブルタップ、ピンチ、ドラッグ、長押しの5イベント。 動作テストはiPadでのiOS5、iPhone4でのiOS5、Samsung Galaxy SのAndroid 2.3.3とGoogle Chrome 17だそうです。僕は3GSなんですが、一応動いてました。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></
iPhone の Safari が Mac版Safari インスペクタで調査できるようになってた | バシャログ。
先々週夏休みをいただきました。休み中はずっと家でPSPのゲームをやってましたtanakaです。 最近は iPhone5 が出たことがもちろん話題になりました。私も買おうと思ってますが、今回紹介するのはiPhone5ではなく、iOS6 Mobile SafariのデバッグがMacでできるようになったことです。 PC ブラウザに近いのデバッグ環境になって、開発マシンとしてのMac がさらに魅力的になってきましたね。 使ってみる 実機・シミュレータのどちらでも同じような感覚でデバッグできますが、実機の場合はUSB で Mac につないでおきます。次に Mobile Safari の設定で Webインスペクタを有効にします。 設定 > Safari > 詳細 > Webインスペクタ をオンに そうするとMac 版 Safari の開発メニューにシミュレータと、iPhone の名前が表示されます。(
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
アクセス解析やランキングではわからない「女子高生のスマホ事情」 : LINE Corporation ディレクターブログ
こんにちは、デコミィチームディレクターの小出です。 「デコミィ」は、NHN Japanで運営している媒体の中では珍しく「10代女性」をターゲットにしているリアルタイムサービスです。そのサービスにマーケティング関連業務担当として関わる私は、ペルソナ形成や、媒体運営ノウハウの構築を目的とした10代女性へのインタビュー活動を行なっています。 今年は既に50人以上もの女子高生にインタビューを行い、彼女たちの思考・行動特性に迫まってきました。今回は、その中で見えてきた「アクセス解析やランキングではわからない女子高生のスマホ事情」をお伝えします。 フィーチャーフォンからiPhoneへの買換え需要と、その意外な理由。 これまでお会いしてきた女子高生の中の49名に対しては、所有している携帯電話の種類について伺っています。彼女たちの所有する携帯電話の内訳は以下のようなものでした。 フィーチャーフォン: 35
スマホサイト案件の見積もりについて
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.７倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.７倍くらいの感じじゃないでしょうか？ 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
