jQuery

jquery.colorbox.jsを本当にレスポンシブ対応させる

レスポンシブと言っても色々ある。 PCでもスマートフォンでも同じように、コンテンツをモーダルウィンドウに表示する場合 高さ、幅の最大値を指定してあげることで、スマートフォンでもモーダルウィンドウがはみ出すことなく表示できる jQueryプラグイン「Co…

jquery.colorbox.jsで外部htmlをグループ化する方法

久々にjQueryのモーダル系プラグインColorboxを使う場面があった。 今回のリクエストは、外部htmlをモーダルで表示して、さらに画像のようにグループ化してギャラリー表示するというもの。公式サイト http://www.jacklmoore.com/colorbox/jQuery Colorboxを…

Windowサイズに応じて動的にブロック要素を配置!Isotopeを簡単実装。

Masonryレイアウトを実現するJSライブラリ、Isotopeを超簡単に実装してみよう。 実はいろいろと高機能。でも今回はほんとに基本的だけど感動ものの簡単実装! まずは、ライブラリをダウンロード Isotope http://isotope.metafizzy.co/ (jquery.isotope.min.…

SVGアニメーション Lazy Line Painter for jQuery 実装してみた

Fireworksなんかで、書き出したSVGを、いい感じにアニメーションにしてくれる Lazy Line PainterLAZY LINE PAINTER http://lazylinepainter.info/ ここにSVGファイルをドラッグすると、、、 こんな風にプレビューがでてきて、色味なんか調整できる。 そして…