Raindropsは、横から見た水面が波打っているようなアニメーションを実装することができるjQueryプラグインです。 デモは以下ページにてご覧いただけます。 デモページを見る Raindropsの使い方 ステップ1.…
水面が波打っているようなアニメーションを実装できるjQueryプラグイン「Raindrops」
アニメーションする幾何学的な模様の背景を実装できるjQueryプラグイン「Particleground」
Particlegroundは、アニメーションする幾何学的な模様の背景を実装できるjQueryプラグインです。 デモは以下ページにてご確認いただけます。 デモページを見る Particlegroundの使い方 ステップ1…
jQueryを使ってマウスホバーでドロップダウンするメニューを実装する方法
jQueryを使ってドロップダウンメニューを実装する方法をご紹介いたします。 ドロップダウンメニューは、マウスホバーすると子メニューが出てくる、よく見かけるナビゲーションですね。 jQueryによるドロップダウンメニュー…
テキストの一部分だけをアニメーションさせながら切り替えることができるjQueryプラグイン「Words Rotator」
Words Rotatorは、テキストの一部をアニメーションさせながら切り替えることができるjQueryプラグインです。 以下に簡単なデモを用意しましたので、挙動についてはデモページをご参照ください。デモ2のテキストはマ…
文字にアニメーションを加えることができるjQueryプラグイン「textillate.js」
textillate.jsは、サイト内の文字を表示する際にアニメーションを加えることができるjQueryプラグインです。 挙動については、こちらで確認できます。 textillate.jsの使い方 ステップ1. 各種スク…
クラスを指定するだけ！Webフォームで郵便番号から住所を自動入力してくれるスクリプト「YubinBango」
YubinBangoは、Webフォームで郵便番号を入れると住所が自動的に入力されるライブラリです。郵便事業株式会社(旧郵政省)が提供しているデータを利用して住所を取得しています。 YubinBangoの使い方 使い方は非…
jQueryで要素を削除する色々な方法「remove()・empty()・unwrap()」
jQueryを使って要素を削除する方法をご紹介いたします。要素を削除するといってもremove()やempty()など、色々な方法がありますので、それぞれの違いについて解説したいと思います。 jQueryで要素を削除する…
フッターに被らないスクロール追尾型のサイドバーを実装する方法
フッターの位置まできたら止まるスクロールに追尾するサイドバーを実装する方法をご紹介いたします。 フッターに被らないスクロール追尾型のサイドバーを実装する方法 スクロールに追尾するサイドバーは、jQueryを使って実装しま…
jQueryとjquery.cookie.jsを使って背景色の変更を一定期間保持させる方法
背景色を変更するボタンを設置し、色を変更したらブラウザを閉じても一定期間は変更内容を反映させたままにする方法をご紹介いたします。 簡単なデモページも用意しましたので、挙動については以下デモページをご参照ください。 デモペ…
サイト訪問者が別のタブに移動した時に、タイトル部分が点滅して”戻ってきて”とメッセージを表示することができるスクリプト「Don’t Close This Tab」
Don’t Close This Tabは、サイト訪問者が別のタブに移動した時に「戻ってきて！」と伝えることができるようになるスクリプトです。タブのタイトルが点滅して「Hey, com back!」とメッセージが表示され…