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