JavaScript
見出しから目次を自動生成してくれるjQueryライブラリ「TOC」のダウンロードと使い方！
見出しから目次を自動生成してくれるJqueryライブラリ「TOC」を紹介します。 目次は、ユーザービリリティ向上のために欠かせないものとなっています。1記事ずつ手で目次を生成しているのはとても手間がか…
はにわまん 
郵便番号から住所を自動入力してくれるライブラリ「ajaxzip3」が超簡単！
お問い合わせフォームはできるだけ入力を楽にしてあげないと、離脱されてしまいます。 住所を入力させるにあたってよく使われるのが、郵便番号を入力したら住所が自動反映されるというもの。住所を入力する手間が省…
疑似要素のCSSの値（content）をJavaScriptで制御する4パターン
::afterや::beforeなどの疑似要素はDOMではないため、jQueryで制御できません。 しかし、無理やり変換する方法はあるので、その方法をまとめておきます。 プロパティを取得して変換するパ…
jQuery不要の軽量コードハイライト！「highlight.js」の解説
jQuery不要、軽量で使いやすいコードハイライト！「highlight.js」を紹介します。 この記事内でも、いたるとこでhighlight.jsが動いています。 ダウンロード ※ ver 9.12…
色の指定が自由自在！カラーピッカーを出現させるjQueryプラグイン「Bootstrap Color Picker Sliders」
Bootstrapを拡張するjQueryプラグイン「Bootstrap Color Picker Sliders」の紹介です。 読み込むライブラリが多いのが難点ですが、スタイリッシュなカラーピッカーを…
テキストをクリップボードにコピーできるjQueryプラグイン「clipboard.js」
テキストをクリップボードにコピーできるjQueryプラグイン「clipboard.js」を紹介します。 実装すると以下のような処理ができるようになります！ DEMO（デモ） ここの文字がコピーされます…
Gif動画に再生ボタンを付けて自動再生させないjQueryプラグイン「gifffer」
Gif動画が多くなると、いたるところで再生しまくってて、うっとうしくなります。また、読者もどこからが動画の始まりか分からないためユーザビリティも悪いです。 jQueryプラグイン「gifffer」を使…
CSSのtransitionとanimation、jQueryのanimateの比較
HTML上でアニメーションを表現する方法は大きく３つあります。 transition（cssプロパティ） animation（cssプロパティ） animate（jQuery関数） アニメーションを一…
jQueryのanimate関数で要素を動かす！
jQueryでアニメーションを設定できるanimate関数について紹介します。 CSSでもアニメーションは可能ですが、jQueryを扱えた方がより動的な表現ができるはずです。ただ欠点として、anima…
スクロールの途中で出現するフローティングボタンのJavaScript
スクロールの途中で出現するフローティングボタンのJavaScriptの書き方を紹介します。 「トップへ戻る」「メニュー」「導線ボタン」など、いろいろ使い勝手の良いボタンなので、覚えてくと重宝します。 …