簡単シンプルで作り変えやすいローディング画面
どうしてもページが重くなって表示が遅れてしまう事ってありますよね。 その結果、要素が一瞬ずれてしまうこともあります。 そういう場合、ローディング画面を導入してみるのはいかがでしょうか？
Category: JavaScript
軽量シンプルでとても簡単なMasonryJSプラグイン (jQuery無しでOK!)
簡易ライブラリ［MiniMasonry.js］を使えば、jQueryを使わずに単体でMasonryを導入する事ができます。 簡単で理解しやすく、コピペもしやすいようシンプルにまとめてあります。
シンプルで簡単なパララックスjQueryプラグイン（IE非対応）
初心者でも分かりやすく作り変えやすいパララックスjQueryプラグインをご紹介します。 jQueryプラグイン［parlx.js］を使えば、パララックス効果を簡単に導入する事ができます。 ただし、Internet exp […]
jqueryを使ったシンプルで使いやすいモーダルウィンドウ(Lightbox)を作る方法
簡単で初心者でも分かりやすく作り変えやすいモーダルウィンドウをご紹介します。 まずjQueryを導入してからお使いください。
レスポンシブ対応！伸縮自在なパンくずリスト
パンくずリストがウィンドウの幅に合わせて伸縮するjQueryのプラグインをご紹介します！ レスポンシブ対応で使い勝手も良いですし、簡単に設置できるのですぐにでも使えますよ♪ 今回使用したのは、jquery.rcrumbs […]
jQueryでフォームの入力欄をオシャレに見せる
単調になりがちな入力フォームにちょっとした変化をつけるjQueryがありましたのでご紹介します！ 設置も簡単ですので、上手く使って最後まで入力してもらえるといいですね！！ 今回使用したのは、jquery.label_be […]
透明感ある泡をアニメーションでふわふわ浮遊させるbubbly.js
今日はあいにくの雨ですが・・・桜の開花が待ち遠しい今日この頃ですね( ˘͈ ᵕ ˘͈ )♡ 今回は、背景に泡をアニメーションでふわふわ浮遊させる超軽量スクリプトbubbly-bg.jsをご紹介します。
javascript単体で動作するドロワーメニューを実装しよう -Slideout.js-
Slideout.jsを使用したjavascript単体で動作するドロワーメニューを実装してみましょう！
レスポンシブ対応スライドショー：前後の画像をチラ見せ♪
jQuelyのスライドショーにも色々ありますが、こちらは前後の画像が両端からチラリと覗くタイプ♪ そのままでレスポンシブ対応なので使い勝手もいい感じですね！ 今回使用したのは、slick.jsです。 参考サイト様には他に […]
画像や要素をステッカーをめくるように動かす -sticker.js-
ステッカーをめるくような動きを画像や要素に追加できるJavaScriptの紹介です。 <div>を使ってbackground-imageやbackground-colorを指定し、動かしています。 ホバーする […]
JavaScript Archives（ジャバスクリプト アーカイブス） 2025 . Powered by WordPress