全角入力を半角にリアルタイムで変換する
フォームなどで半角英数のみを入力させたい場合、CSSのime-modeを使えば実装できますが、Google Chrome...
Fireworksで切り抜き処理をする
Fireworksのデータでデザインをもらった時に、画像書き出しのためにデータをいじることがあるのですが、切り抜きの方法...
Google Code閉鎖の対応
Google Codeが1/25でサービス終了ということで、仕事でもいくつか対応があったのでやったことをメモしておきます...
if文で0がfalse扱いになる
0の評価がfalseになって意図した処理ができなかったので、その時の対応方法をメモしておきます。...
文字列の指定した位置に文字列を挿入する
取得した文字列の中に、別の文字列を挿入するという処理を試してみました。...
jquery.autoKana.jsを使ってみる
フォームで名前を入力したときに、自動でフリガナも入力する機会があったので、jquery.autoKana.jsを試してみ...
サーバでvideoやaudioが再生されない時の対応
videoやaudioを使ったサイト作成時に、ローカル環境だと再生できて、サーバにアップすると再生できないということがあ...
ページ全体で何番目の要素かを調べる
指定した要素が親要素から見て何番目の要素かというのはよく使うのですが、ページ全体で何番目かというのはあまり使ったことがな...
2016年にやりたいこととか
新年あけましておめでとうございます。 年が明けてから少し経ちましたが、2016年1つ目の記事なので、今年の個人的な目標や...
2015年を振り返ってみる
2015年1月1日～2015年12月29日までの当ブログについて振り返ってみました。...
placeholderを自作してみる
何も入力しないままinputからフォーカスを外した時に、placeholderを表示させないようにしたかったので、pla...
animationと@keyframesでアニメーションを実装する
CSS3のanimationと@keyframesを使ってでアニメーションを実装してみます。...
円周上に沿ってアニメーションさせてみる
円周上に沿って要素を移動させる処理を実装してみます。...
同じ形の要素を複数作る
円や三角形など、シンプルな図形をCSSで作るときがたまにあるのですが、同じ形の図形を複数作りたいときの方法を見つけたので...
Ajaxで取得したHTMLにfindを使って絞り込めない
Ajaxで取得したデータをfindで絞り込んだ際に、あるはずの要素を取得できない現象に遭遇したので、その対応方法をメモし...
inputに入力した文字を決められた形に変換する
フォームなどで入力した文字列を、あらかじめ決められた形に変換してみます。...
Googleアナリティクスで目標を設定する
Googleアナリティクスで目標を設定する方法を試してみたいと思います。...
Googleタグマネージャでイベントトラッキングを設定する
Googleタグマネージャでのイベントトラッキングの設定を試してみたいと思います。...
:lang擬似クラスを試してみる
多言語サイトなどで使うと便利な:lang擬似クラスを試してみます。...
リサイズやスクロール時に1回だけ処理を行う
resizeやscrollは通常イベントが発生する毎に処理を行いますが、イベント発生毎ではなく、特定のときに1回だけ処理...