eguegu3000のブックマーク / 2014年1月16日

eguegu3000 id:eguegu3000

2014年1月16日のブックマーク (4件)

はてなブログ | 無料ブログを作成しよう
わたし的棚ぼた一万円選書急に千葉さんに手渡された封筒、開けてみたら1万円札が1枚。何ごとかと思えば、同期の出張を代わったお礼をもらったらしい。「葵はワンオペで育児してくれたから」と半分わけてくれました。泡銭の1万円これはもう、わたし的1万円選書をしろという思し召しなのでは……
eguegu3000 2014/01/16
css

jQuery

*jquery

js
リンク
[JS]操作感が楽しい！左右にドラッグ・フリックしてコンテンツを表示するスクリプト -Snap.js
表示されているページを左右にドラッグ（フリック）して、アニメーションで左右にコンテンツをスライド表示するデスクトップにもスマフォにも対応したスクリプトを紹介します。 jQueryなどの他のライブラリには依存しません。 Snap.js -GitHub Snap.jsの特徴 Snap.jsのデモ Snap.jsの使い方 Snap.jsの特徴 jQueryなどの他のライブラリへの依存は無し CSS3を使った強力なアニメーションスライドは右・左に対応ドラッグ操作のサポートドラッグ操作禁止要素も定義可能スマフォのフリック操作のサポートフックイベントのサポートイベントの有効・無効の設定カスタマイズが簡単対応ブラウザ IE10を含む全てのモダンブラウザに対応しています。 IE7/8/9はCSS3での一部の機能が制限されます。 Firefox 10+ Chrome, SafariなどのWe
eguegu3000 2014/01/16
JavaScript

jQuery

js
リンク
[Javascript]各ブラウザでマウスホイールの操作を検知する
各ブラウザでマウスホイール操作を検知する方法が分かりましたので記事にします。検知する方法が各ブラウザで違うようなのでそれぞれのブラウザ用に条件分岐をする必要があります。下記のサンプルコードはIE6、IE7、IE8、Firefox、Chromeで動作確認しました。ホイールが動かされたことを検知するまずはマウスホイールが動かされたらhelloというメッセージを表示するだけの場合です。 Firefoxの場合はaddEventListenerというメソッドを使います。その関数の第一引数に文字列「DOMMouseScroll」を、第二引数にイベントを検知したときに実行する関数を、第三引数にはここではfalseを指定します。第三引数はuseCaptureを有効にするかどうかを指定するのですが、この第三引数についての詳しい説明は下記が参考になります。 JavaScript addEventListe
eguegu3000 2014/01/16
addEventListener

javascript
リンク
JavaScript addEventListener() - とみぞーノート
仕様書を読んでもわかりにくい、addEventListener()の第3引数useCaptureの意味についてのメモ。 addEventListener()はIEでは未実装なので関係なし。以下はFireFoxで確認。 useCaptureの意味通常登録したイベントハンドラ(*1)はイベント伝搬のバブリングフェーズで呼ばれる。このため、DOM Treeの下の方のエレメントからイベントハンドラが順番に呼ばれる。 useCaptureをtrueにしてイベントハンドラを登録すると、キャプチャフェーズでイベントハンドラが呼ばれるようになる。このため、その他のイベントハンドラに先だって呼び出されるようになる。 (*1) 以下のものが含まれる。 DOMエレメントのプロパティに設定したイベントハンドラ(element.onmousedown = handler) HTMLタグに埋め込んだイベントハンド
eguegu3000 2014/01/16
addEventListener

*JavaScript

javascript
リンク
- 2014年1月17日
- 2014年1月16日
- 2014年1月15日