DOMを操作して要素の挿入や移動をするいろいろ
要素を挿入したり移動したりのDOM操作のいろいろをちょっとまとめてみました。...
jQueryのanimateで、移動距離が変わっても速度を一定にする
jQueryのanimateで設定する時間は、現在地から移動先までをミリ秒単位で指定しますが、移動先までの距離が変わると...
setTimeoutでループ処理をする
setTimeoutでループ処理をする書き方をよく忘れるのでメモ。...
スクロール位置で要素をアニメーション表示させるjQueryプラグインを作ってみた
特定の位置までスクロールしたら、フェード+アニメーションで表示するプラグイン「scrollAnimateOption.j...
ループで流れるバナーを実装するjQueryプラグインを作ってみた
ループで流れるバナーを実装するプラグイン「infiniteFlow.js」を作りました。 移動方向とスピードの設定、オン...
Tumblrのテキスト投稿でtableタグが使えない
Tumblrのテキスト投稿でtableタグを使うと、内容がpタグに入った状態で出力されてしまいました。 タグの制限とかが...
Tumblrでサイトを作ってみるpart2
前回の記事の続きです。 今回はテンプレートタグ中心のまとめになります。 今回作成したサンプルサイトはこちら...
Bingウェブマスターツールへの登録とサイトマップの送信方法
Bingについて少し調べる機会があったので、Bingウェブマスターツールの登録方法とサイトマップの送信方法をメモ。...
スマートフォンで要素を画面下部に固定(追従)する
スマートフォンで要素を固定するサンプルです。 対応範囲によってはposition: fixed;でもいいのですが、 iO...
jQueryでCSVを読み込んでみる
jQueryでCSVを読み込み、表示させるサンプルを作成しました。...
URLを取得したり書き換えたりする
URLを取得したり、書き換えたりするサンプルです。...
Googleアナリティクスでiframeはどういう扱いになるのか
iframeを埋め込んでいるページにアクセスしたとき、親ページ、子ページのページビュー数や滞在時間はどのようにカウントさ...
preタグの使い方
preタグでソースコードを表示したいときの備忘録。...
日本語のWebフォントを使ってみる
このブログ内でもWebフォント(Google Noto Fonts)を使用していますが、今回は日本語のWebフォントを使...
YouTube動画をサムネイルクリックで切り替える
以前投稿した、同一ページ内でyoutubeを複数設置したときに、同時再生をさせないようにするの別パターンです。 動画をサ...
画像にmax-widthを指定すると、IE8で縦に伸びて表示される
画像サイズを可変にする際、max-widthを指定して大きくなり過ぎないようにしていたところ、IE8で表示がおかしくなる...
同一ページ内でYouTubeを複数設置したときに、同時再生をさせないようにする
同一ページ内でYouTubeプレーヤーを複数埋め込んだとき、 通常だと同時に再生することができてしまいます。 実装前のデ...
Tumblrでサイトを作ってみる
仕事中にTumblrに関して調べる機会があったので、 今回はサンプルサイトを作りながら少し勉強してみました。...
画像2枚重ねて回転っぽい動きを実装
transformでの回転の動きを、画像2枚重ねて それっぽく実装しました。 画像2枚重ねて回転っぽい動きを実装のデモペ...
下付き文字と上付き文字
下付き文字と上付き文字について、失念していたのでメモ。 普段使うことがあまりないので、「特殊文字でやるんだっけ」とか一瞬...