はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

jQuery

jQueryでイベントハンドラの前後に処理を追加する

jQueryでイベントハンドラの前後に処理を追加する 例えば,ボタンを押したときのクリックイベントハンドラがある場合に, その前後に処理を追加するような場合のメモ. 具体的には,ボタンAをクリック -> ボタンAの処理実行のところを ダミーボタンBのクリッ…

SP向けモーダルウィンドウのテンプレート

SP向けモーダルウィンドウのテンプレート アートボード 1 Icon made from Icon Fonts is licensed by CC BY 3.0 フレームワークなしでのSP向けモーダルウィンドウの実装メモ。 SP向けモーダルウィンドウのテンプレート モーダルウィンドウの注意 テンプレー…

jQueryのevent検出 on, bind, delegate, liveメモ

jQueryのevent検出 on, bind, delegate, liveメモ jQuery 1.X系を触っていた時に違いがよくわからなったのでメモ. なお, - bind: 3.0でdeprecate(非推奨) - live:1.7でdeprecate, 1.9 でremove - delegate: 3.0でdeprecate となっているので,基本的にon…

「2日でできる JavaScriptTraining」をやってみた(モジュールの利用(bower))

「2日でできる JavaScriptTraining」をやってみた(モジュールの利用(bower)) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、モジュール(bower)の使い方についてまとめておきます。 github.com 「2日でできる JavaScriptTraini…

「2日でできる JavaScriptTraining」をやってみた(DOM操作)

「2日でできる JavaScriptTraining」をやってみた(DOM操作) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、DOM操作のみまとめておきます。 github.com 「2日でできる JavaScriptTraining」をやってみた(DOM操作) 環境構築 1…

oEmbed API の値を取ってくるjQuery プラグインを作ったよ

oEmbed API の値を取ってくるjQuery プラグインを作ったよ はてなブログを書くときに、URL をコピペすると、 URL のみのリンク タイトル付きリンク 埋め込みリンク が生成されると思います。 この機能が結構便利で、 はてなブログ以外でも使いたいと思ったの…

Animate.css を使ってみる

Animate.css をってみる Animate.css を使ってみたのでメモ。 Animate.css は、JavaScript を使わず、CSS のみでアニメーション効果を付けることができます。 animate.css 公式 Animate.css をってみる サンプル Animate.css CDN 使い方 参考リンク サンプル…

#(ハッシュ)で、Ajax でロードするページを切り替える

#(ハッシュ)で、Ajax でロードするページを切り替える リンクの #(ハッシュ)で、Ajax でロードするページを切り替えられることがわかったのでメモ。 やりたいこととしては、ページ内アンカーリンクのAjax版です。 #(ハッシュ)で、Ajax でロードするページを…

Canvas で東京電力の電力使用状況を可視化してみた

Canvas で東京電力の電力使用状況を可視化してみた Canvas の棒グラフ、円グラフの描画 + 東京電力の電力使用状況API を組み合わせて、可視化してみたのでメモ。 なお、他の電力会社の電力使用状況データを取得できないか調べてみたところ、 yahoo の電力使…

CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる

CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる CSS3 のfilter を試してみました。 CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる サンプル 対応ブラウザ 使用できる効果 grayscale(グレースケール) sepia(セピア) saturate(彩度…

JavaScript で位置情報を取得してみる

JavaScript で位置情報を取得してみる JavaScript の位置情報取得API geolocation を使ってみたのでメモ。 JavaScript で位置情報を取得してみる サンプル コード geolocation について geolocation に対応しているかチェック getCurrentPosition watchPosit…

jQueryでつくる先頭ジャンプ

jQueryでつくる先頭ジャンプ jQueryで、クリックすると先頭へジャンプするようなボタンをつくったのでメモ。 jQueryでつくる先頭ジャンプ ソース 参考リンク ソース 処理としては, 最初は先頭ジャンプ用のリンクを消しておく。 ( $('リンク').hide();) ある…