YouTubeの初期表示をサムネイルにする
同一ページ内に複数のYouTubeを埋め込むと、ページの読み込みが重くなってしまいます。 その対応として、初期表示はサム...
JavaScriptで要素を取得する
JavaScriptで要素を取得する方法をいくつか試してみます。...
JavaScriptでUserAgentを使った判別をする
ユーザーエージェントを使って、ブラウザの判別とスマホ・タブレットかどうかの判別を行ってみます。...
matchMediaを使ってみる
以前Media QueriesのブレークポイントでJavaScriptを実行する方法という記事を書きましたが、match...
フォームのradioとcheckboxを大きく表示する
フォームのradioとcheckboxを大きく表示したいという要望があったので、少し調べてみました。 jQueryのプラ...
フォームで数字のみ入力できるようにする
フォームで数値のみ入力できるようにしてみたいと思います。...
円形に徐々に表示されるアニメーション
回転しながら徐々に表示されていくアニメーションを実装してみます。...
jquery.slimmenu.jsの使い方まとめ
多階層のナビゲーションでレスポンシブにも対応しているjQueryプラグイン「jquery.slimmenu.js」の使い...
Style Guide Boilerplateでスタイルガイドを作成してみる
CSSのスタイルガイドを作成できるテンプレート「Style Guide Boilerplate」を少しさわってみたのでメ...
line-heightが効かない
HTMLのコーディング作業をしていて、line-heightが効かない状態で少し詰まったのでメモしておきます。...
CSS3とJavaScriptを使ってアニメーション処理をしてみる
CSS3のアニメーションをjQueryを使って任意のタイミングで行わせてみます。...
CSSで背景画像を複数設定する
1つの要素に背景を複数指定したい場合、以前は要素を入れ子にして、それぞれに背景を指定する方法を行っていました。 CSS3...
全角入力を半角にリアルタイムで変換する
フォームなどで半角英数のみを入力させたい場合、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を使ったサイト作成時に、ローカル環境だと再生できて、サーバにアップすると再生できないということがあ...
ページ全体で何番目の要素かを調べる
指定した要素が親要素から見て何番目の要素かというのはよく使うのですが、ページ全体で何番目かというのはあまり使ったことがな...