スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」 | bl6.jp

2017/11/22 13 users スクロールイベント JSライブラリ トリガー 赤い点線 要素

scrollama.jsは、スクロールイベントを実装することができるモダンで軽量なJavaScriptライブラリです。IntersectionObserverを使用しているとのこと。スクロールされた位置によって要素のカラーを変更したりなんてことができます。 以下、scrollama.jsの実際のデモページになります。 デモ デモページでは中央に赤い点線が引かれていて、ここがトリガーとなっています。... 続きを読む

ミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」 | bl6.jp

2015/04/30 20 users ミニマルテイスト ナビゲーションメニュー メニューアイコン

jQuery fatNavはミニマルテイストなフルスクリーンのナビゲーションメニューを実装することができます。デモではメニューアイコンをクリックするとオーバーレイでアニメーション付きのメニューが表示されます。フワッとさりげない感じで表示されるのがとてもお洒落ですね。 以下はjQuery fatNavのデモになります。シンプルでスッキリしたデザインが特徴的です。 デモ メニューはフェードでズームイン... 続きを読む

色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」 | bl6.jp

2013/06/06 17 users モーダルウインドウ ログインフォーム Pop Easy デモ

お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ログインフォームや動画、地図などといった色んなメニューやコンテンツをモーダルウィンドウで実装することができる「Pop Easy」です。オプションで色んな設定変更が可能なので自分好みにカスタマイズもしやすいですね。 使い方 実際のデモではこのようにログインフォームや動画など実用性あるコンテンツをモーダルウィンドウで実装されています。... 続きを読む

テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」 | bl6.jp

2012/07/02 22 users jQuery scri エフェクト jQueryプラグイン

結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけてくれるjQueryプラグイン「jqIsoText」です。テキストを中央に向かうにつれて大きくしたり、またはその逆にしたりすることができます。画像ではなくてテキストなのでちょっとした変更も簡単にできるのでいいですね。以下使い方です。 使い方 使い方はこれ以上ないくらい簡単です。jQueryとプラグインを読み込みます。 <scri... 続きを読む

JavaScriptのソースコードを1クリックで簡単に圧縮してくれる「/packer/」を使ってみた | bl6.jp

2012/06/15 11 users packer Paste jQuery ソースコード ツール

JavaScriptのコードを1クリックで簡単に圧縮してくれる便利なツール「/packer/」を使ってみました。圧縮したいコードをコピーして貼付けるだけなのでとても手軽で良いですね。jQueryのコードを試しに圧縮してみたところ特に問題なく動作しました。ということで簡単ですが以下使い方です。 使い方 使い方はとても簡単です。圧縮したいコードをコピーしておいて、「Paste:」と書かれたテキストエリ... 続きを読む

テキストをランダム表示してから整列していくjQueryプラグインを作ってみました | bl6.jp

2012/03/19 78 users jQueryプラグイン テキスト ランダム jQuery 以下

テキストをランダムでフェード表示させて、アニメーションで整列させていくっていうのをjQueryで作りたく色々と試しながらなんとかできたのでプラグイン（jquery.random.text.return.js）にしてみました。ぶっちゃけほぼ使い道がなさそうなプラグインですけど。。ということで以下使い方です。 使い方 とりあえずサンプルみた方が早いので以下のページから見れます。 サンプル 使い方はめっ... 続きを読む

jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる | bl6.jp

2012/03/03 51 users 素人 サンプル a要素 拡大 おかしい部分

すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人ながら作ってみます。ある要素、例えばa要素なんかにマウスオーバーした時にちょっとだけ拡大して強調させたいなどといった時に使えるかもしれません。分かりづらそうなのでサンプルも作ってみました。おかしい部分やもっとこうした方がいいみたいなことがあれば是非教えていただけるとうれしいです。 要素を全体的に拡大 ということで、今回作りたかったサ... 続きを読む