Highcharts.jsでグラフの目盛を調整する
Highcharts.jsでグラフの目盛を調整するオプションをいくつか試してみます。...
jQueryの記事一覧
jQueryでのベンダープレフィックスの注意点
jQueryのバージョンが古いサイトでtransformを使おうとしたときに少し詰まったのでメモ。...
Tumblr APIを使ってみる
Tumblr APIを使って投稿データを取得してみます。...
floatした要素が複数行になった時に、レスポンシブ対応で中央揃えにする
floatした要素が1行の時の中央揃えの方法は以前記事を書いたのですが、今回は2行以上に対応する方法を考えてみました。...
文字を入力してリストを絞り込む
入力エリアに文字を入力すると、入力された文字列が含まれるリストだけ絞り込まれる処理を作ってみました。...
keydownで入力制御をした時に、全角文字が入力できない
特定のキー以外での入力をできないようにしたかったので、keydown時に指定したキーコード以外はキャンセルする処理を実装...
Masonry.jsを使ってみる
レスポンシブ対応のグリッドレイアウトを実装できるjQueryのプラグイン「Masonry.js」の使い方をメモ。 今回は...
固定ヘッダーをある程度スクロールしたら縮小して表示する
ヘッダーを固定しているときに、ある程度スクロールしたら高さを縮小したいということがよくあるので、そのサンプルを作ってみま...
Highcharts.jsで複数のグラフを表示する
Highcharts.jsで、形式の違う複数のグラフを一緒に表示してみます。...
jQueryのwhen()で取得が1つの場合と複数の場合で中身が変わる
jQueryのwhen()を使ってURLのパラメータによって異なるjsonファイルを読み込もうとしていたのですが、取得す...
Velocity.jsを使ってみる
スムーズなアニメーションを実装できるjQueryのプラグイン「Velocity.js」の使い方をメモ。...
フォームで数字のみ入力できるようにする
フォームで数値のみ入力できるようにしてみたいと思います。...
jquery.slimmenu.jsの使い方まとめ
多階層のナビゲーションでレスポンシブにも対応しているjQueryプラグイン「jquery.slimmenu.js」の使い...
CSS3とJavaScriptを使ってアニメーション処理をしてみる
CSS3のアニメーションをjQueryを使って任意のタイミングで行わせてみます。...
全角入力を半角にリアルタイムで変換する
フォームなどで半角英数のみを入力させたい場合、CSSのime-modeを使えば実装できますが、Google Chrome...
jquery.autoKana.jsを使ってみる
フォームで名前を入力したときに、自動でフリガナも入力する機会があったので、jquery.autoKana.jsを試してみ...
ページ全体で何番目の要素かを調べる
指定した要素が親要素から見て何番目の要素かというのはよく使うのですが、ページ全体で何番目かというのはあまり使ったことがな...
placeholderを自作してみる
何も入力しないままinputからフォーカスを外した時に、placeholderを表示させないようにしたかったので、pla...
Ajaxで取得したHTMLにfindを使って絞り込めない
Ajaxで取得したデータをfindで絞り込んだ際に、あるはずの要素を取得できない現象に遭遇したので、その対応方法をメモし...
inputに入力した文字を決められた形に変換する
フォームなどで入力した文字列を、あらかじめ決められた形に変換してみます。...