iPhoneのclickイベントの挙動
iPhoneのclickイベントの挙動 本エントリーは軽めのjQuery Advent Calendar 2012最終日のエントリーです。 iPhoneはonメソッドを利用したclickイベントに結構クセがあるのでそれを解説したい思います。 <p class="target">ターゲット</p> このようなHTMLにclickイベントをバインドしていきます。 まずは次のようなコード。 $(".target").click(function(){ $(this).css("background","red"); }); sample これはちゃんと動きます。 次のコード。 $(".target").on("click",function(){ $(this).css("background","red"); }); これもちゃんと動きます。 sample これを踏まえた上で次からが動かないコ
[JS]これはかなりの優れもの！iOS用だけどIE7にも対応しているスライダーのスクリプト -iosSlider
iosSlider [ad#ad-2] iosSliderの特徴 iosSliderのデモ iosSliderの使い方 iosSliderの特徴 ハードウェアアクセラレイト iOS, Android, Webkit系ブラウザ用にCSS3を使用します。 レスポンシブデザイン デスクトップ、スマートフォン、タブレットの各デバイスをサポート。 コールバック ウェブアプリとしてさまざまな用途に応えるためにコールバックを用意。 全てのモダンブラウザをサポート デスクトップ用のFirefox, Chrome, Safari, IE7+をサポート。 無限ループ スライドは両方向に無限ループさせることもできます。 オートスライディング 自動スライドにも対応、ホバーで中断します。 サポートブラウザ iosSliderがサポートするテスト済みのブラウザ一覧です。 Firefox5.0+ Chrome19.0+
iOSシミュレータでWebインスペクタが利用できる「iWebInspector」
iOSシミュレータでWebインスペクタが利用できる「iWebInspector」 「iWebInspector」はiOSシミュレータのiPhoneやiPadでWebインスペクタを利用できるようになる画期的なアプリです。Macでスマホサイトを作っている人には必須なツールですね。 iWebInspectorを立ち上げるとこんな画面が表示されます。見た目はアレですがすごく使えるやつです。 まずは左上の「Open iOS Simulator」をクリックしてiOSシミュレータを立ち上げます。次は立ち上げたiOSシミュレータにサイトを表示します。 次にiWebInspectorにもどって「Load from Safari」をクリック。するとiOSシミュレータに表示したサイトのタイトルが表示されます。 最後にタイトルをクリックするとWebインスペクタが立ち上がります。 これでiOSシミュレータでデバッグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
